jquerymobile经验小结.pdf

jquerymobile经验小结 2013年3月26 日 16:48 1 按钮点击反应慢 在移动设备上用户从按下手指到触发click事件，这之间有接近300ms的延时，所以把处理函数绑定在click事件上是不合适的， google.fastbutton.js为此提供了解决方案，使用方法如下： script type=text/javascript src=../js/jquery.js/script script type=text/javascript src=../js/google.fastbutton.js/script script type=text/javascript src=../js/jquery.google.fastbutton.js/script script type=text/javascript $(document).ready(function() { $(#btn).fastClick(function(e){ //你的代码 }); }); /script 2 页面滚动 jquerymobile结合iscroll可以使页面在移动设备上流畅的滚动，使用方法如下： script type=text/javascript src=../js/jquery.js/script script type=text/javascript src=../js/jquery.mobile-1.2.0.js/script script type=text/javascript src=../js/iscroll.js/script div data-role=page id=page1 div id=scroller data-role=content !-- 页面元素 -- /div /div script type=text/javascript var makeScroll = function(id) { var elem = $(# + id); if (elem.data(iscroll)) { //如果已经设置了滚动 return; } elem.css({overflow: hidden}); //把需要滚动的内容包裹在div data-iscroll=scroller/div标签下 //这是iscroll代码的要求 var scroller = elem.find([data-iscroll=scroller]).get(0); if (!scroller) { $(elem.get(0)).children().wrapAll(div data-iscroll=scroller/div); } var iscroll = new iScroll(elem.get(0), { hScroll: false,//水平不滚动 vScroll: true,//垂直滚动 hScrollbar: false,//不显示滚动条 vScrollbar: false, fixedScrollbar: true, fadeScrollbar: false