JQM开发Tips

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

解决方案：

        $("#task_form label").click(function () {
            $("#task_form label").removeClass("ui-btn-active");
            $(this).addClass("ui-btn-active");
        });

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

解决方案：

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

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

  <div data-role="fieldcontain">
            <select name="toggleswitch1" id="toggleswitch1" data-theme="" data-role="slider">
                <option value="0">
                    不记住
                </option>
                <option value="1" selected>
                    记住
                </option>
            </select>
        </div>

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

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

$(document).bind("mobileinit", function () {
     $.mobile.touchOverflowEnabled = true;
});

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