JQuery Mobile orientationchange的使用。

首先在你需要使用JQM的页面引入JQuery Mobile包,下载地址自己去网上查查。

1.将以下代码放入页面<script></script>内。

$(window).bind('orientationchange',function(e){

      --此处为手持设备方向改变时执行的代码
});

 

示例:

   //手持设备方向改变时执行
   $(window).bind( 'orientationchange', function(e){
    var height=document.body.clientHeight - 195;
    $("#content").css("min-height",height);
    $("#thumb").css("margin",height/4.2 + "px auto");
    });

以上示例是本人用于在手持设备改变方向时填充整个页面,避免出现空白,可以根据自己的需求扩展,有什么问题留言,大家多交流交流。


$(function(){
  $('a').click(function(){
    $(window).trigger('orientationchange' );
  });
});

你可能感兴趣的:(jquery,function,mobile,扩展)