首页 > Web开发 > 详细

jQuery Mobile方向感应事件

时间:2015-01-20 17:02:26      阅读:355      评论:0      收藏:0      [点我收藏+]

在现在的智能手机中,都有对方向变换的自动感知功能,比如当手机方向从水平方向切换到垂直方向时,则会触发该事件。在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方向感应事件

原文:http://www.cnblogs.com/dekevin/p/4236203.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!