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 事件。