jQueryMobile常用事件

页面跳转

<a href="#pageone" data-transition="slide" data-direction="reverse">滑动到页面一（反向）</a>

定位

Fixed定位

<div data-role="header" data-position="fixed"></div>

<div data-role="footer" data-position="fixed"></div>

Fullscreen 定位

<div data-role="header" data-position="fixed" data-fullscreen="true"></div> 

<div data-role="footer" data-position="fixed" data-fullscreen="true"></div>

提示：fullscreen 对于照片、图像和视频非常理想。

提示：对于 fixed 和 fullscreen 定位，触摸屏幕将隐藏和显示页眉及页脚。

事件

jQuery Mobile pageinit 事件

<script>

$(document).on("pageinit","#pageone",function(){

   // 此处是 jQuery 事件...

});

</script>

jQuery Mobile Tap

tap 事件在用户敲击某个元素时触发。

$("p").on("tap",function(){

  $(this).hide();

});

jQuery Mobile Taphold

taphold 事件在用户敲击某个元素并保持一秒时被触发

$("p").on("taphold",function(){

  $(this).hide();

});

jQuery Mobile Swipe

swipe 事件在用户在某个元素上水平滑动超过 30px 时被触发

$("p").on("swipe",function(){

  $("span").text("Swipe detected!");

});

jQuery Mobile Swipeleft

swipeleft 事件在用户在某个元素上从左滑动超过 30px 时被触发

$("p").on("swipeleft",function(){

  alert("You swiped left!");

});

jQuery Mobile Swiperight

swiperight 事件在用户在某个元素上从右滑动超过 30px 时被触发

$("p").on("swiperight",function(){

  alert("You swiped right!");

});

jQuery Mobile Scrollstart

scrollstart 事件在用户开始滚动页面时被触发

$(document).on("scrollstart",function(){

  alert("开始滚动！");

});

iOS 设备会在滚动事件发生时冻结 DOM 操作，这意味着当用户滚动时无法改变任何事物。不过 jQuery 团队正致力于解决该问题。

jQuery Mobile Scrollstop

scrollstop 事件在用户停止滚动页面时被触发

$(document).on("scrollstop",function(){

  alert("结束滚动！");

});