jQuery Mobile 事件

事件 = 网页能够响应的所有不同访客的动作。

jQuery Mobile 事件

您能够在 jQuery Mobile 中使用任何标准的 jQuery 事件

此外,jQuery Mobile 还提供若干种为移动浏览定制的事件:

  • 触摸事件 - 当用户触摸屏幕时触发(敲击和滑动)
  • 滚动事件 - 当上下滚动时触发
  • 方向事件 - 当设备垂直或水平旋转时触发
  • 页面事件 - 当页面被显示、隐藏、创建、加载以及/或卸载时触发

如需关于所有 jQuery Mobile 事件的完整信息,请访问我们的 jQuery Mobile 事件参考手册

初始化 jQuery Mobile 事件

在 jQuery 中,您已经学到使用文档 ready 事件来阻止 jQuery 代码在文档结束加载 (is ready) 前运行:

jQuery document ready 事件

<script>
$(document).ready(function(){

   // 此处是 jQuery 事件...

});
</script>

亲自试一试

然而,在 jQuery Mobile 中,我们使用 pageinit 事件,该事件在页面已初始化并完善样式设置后发生。

第二个参数指向 ("#pageone") 指向页面的 idpoints to the id of the page to specify the events for:

jQuery Mobile pageinit 事件

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

   // 此处是 jQuery 事件...

});
</script>

亲自试一试

注释:jQuery on() 方法用于添加事件处理程序。

下几章将详解每个 jQuery Mobile 事件。

VUE 进阶教程