jQuery MiniUI

标题: 使用miniui之后，jquery取值取不到了，为什么？ [打印本页]

作者: nihousheng 时间: 2012-9-20 23:56:52 标题: 使用miniui之后，jquery取值取不到了，为什么？

<h1>Form 表单</h1>

<div id="form1" >
      <input name="id" class="mini-hidden" />
      <table>
         <tr>
            <td>
                  <label for="textbox1$text">TextBox：</label>
            </td>
            <td>
                  <input id="textbox1" name="UserName" class="mini-textbox" required="true" />
            </td>
         </tr>
         <tr>
            <td>
                  <label for="pwd1$text">Password：</label>
            </td>
            <td>
                  <input id="pwd1" name="Pwd" class="mini-password" required="true"/>
            </td>
         </tr>
            <tr>
            <td>
                  <input id="getTest" value="GetForm" type="button" />
            </td>
         </tr>
      </table>
</div>
<script type="text/javascript">
$(function(){
   $("#getTest").click(function(){
   var $tb=$("#textbox1").val();//得不到输入值，为空
      alert($tb+"点击事件触发的");
      alert(mini.get("textbox1").getValue());//可以得到输入值
   });

});

      function getForm() {
         var form = new mini.Form("#form1");
         var data = form.getData(true);
         var s = mini.encode(data)
         alert($("#textbox1").val()); 得不到输入值
         alert(mini.get("textbox1").getValue());可以得到输入值
      }
上面是我写的两个方法，一个是jquery的触发事件，一个是普通的js方法。通过$().val()去取值无论怎么取都取不到值。只有通过mini.get().getValue才能取到。如果把class=""换成type="text"这种情况恰好又倒过来了（$().val()取得到，mini.get().getValue就出错了）。  请问这是何故?miniui把jquery的这些屏蔽了？如何两者并存？谢谢！！

作者: niko 时间: 2012-9-21 07:23:23

你声明：class="mini-textbox"，就表示这是一个miniui控件对象，我们会调整它的dom结构，达到更加自适应的目的。
所以，你必须用miniui的API接口来操作：
mini.get("textbox1").getValue()

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)