jQuery Mobile 事件

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


jQuery Mobile 事件

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

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

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

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


初始化 jQuery Mobile 事件

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

jQuery document ready 事件
  1. <script>
  2. $(document).ready(function(){
  3. // 此处是 jQuery 事件...
  4. });
  5. </script>

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

第二个参数指向 ("#pageone") 指向页面的 id 以指定事件:

jQuery Mobile pageinit 事件
  1. <script>
  2. $(document).on("pageinit","#pageone",function(){
  3. // 此处是 jQuery 事件...
  4. });
  5. </script>

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

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