JQM开发Tips

1、radio Button 点击后有时候有高亮样式，有时候没有

解决方案：

1         $("#task_form label").click(function () {
2             $("#task_form label").removeClass("ui-btn-active");
3             $(this).addClass("ui-btn-active");
4         });
View Code

2、引入jQ datepicker控件后，弹出框弹出多次，'tap'-轻击事件多次绑定，导致时间成跳跃式增长的bug。

解决方案：

打开datepick.js，将年，月，日增减6个按钮的tap事件的绑定前面分别加上unbind("tap")

3、toggle switch默认是off的状态，如果要默认是on的状态，则在on状态的option加上"selected"属性。

 1   <div data-role="fieldcontain">
 2             <select name="toggleswitch1" id="toggleswitch1" data-theme="" data-role="slider">
 3                 <option value="0">
 4                     不记住
 5                 </option>
 6                 <option value="1" selected>
 7                     记住
 8                 </option>
 9             </select>
10         </div>
View Code

4、将Header,Footer设置为position:fixed的页面点击空白处的时候fixed的效果失效。

解决方案：在header,footer元素上都加上 data-tap-toggle="false"，在页面初始化时候加入以下代码：

1 $(document).bind("mobileinit", function () {
2      $.mobile.touchOverflowEnabled = true;
3 });
View Code

 5、$.mobile.changePage()的方法有个bug,在changePage到相应页面后，会迅速跳回到第一个页面，如果在form中设置action及method属性，那么提交表单后即会跳转到action对应的page。

posted @ 2013-06-20 18:24  yayadoudou  阅读(281)  评论(0)  编辑  收藏  举报