技术开发 频道

jQuery Mobile开发进阶:API扩展介绍

  jQuery Mobile方向感应事件

  在现在的智能手机中,都有对方向变换的自动感知功能,比如当手机方向从水平方向切换到垂直方向时,则会触发该事件。在jQuery Mobile中,可以通过

  orientationchange事件进行绑定,并且可以设定是垂直方向还是水平方向,如下代码所示:

  $(document).ready(function(){

  $('body').bind('orientationchange', function(event) {

  alert('orientationchange: '+ event.orientation);

  });

  });

  在上面的代码中,通过对body元素绑定orientationchange事件,并显示出当前的orientation属性。但要注意的是,即使在DOM加载完后,还是应该重新调用该事件,因为在DOM加载时有时可能orientationchange事件还没能完全加载完毕,所以应该按如下的方法在ready加载后,再加载一次:

  $(document).ready(function(){

  $('body').bind('orientationchange', function(event) {

  alert('orientationchange: '+ event.orientation);

  });

  $('body').trigger('orientationchange');

  });

  jQuery Mobile滚动事件

  当用户在设备上滚动页面时,jQuery Mobile提供了滚动事件进行监听。其中首先介绍的是scrollstart事件,该事件发生在页面滚动开始时,如下代码:

  $(document).ready(function(){

  $('body').bind('scrollstart', function(event) {

  //相关的滚动开始代码

  });

  });

  同样,当滚动停止后,则可以用scrollstop事件进行监听,如下代码:

  $(document).ready(function(){

  $('body').bind('scrollstop', function(event) {

  //相关滚动停止的代码

  });

  });

0
相关文章