您现在的地位: 365体育备用网址 > bet365体育在线, > jQuery Mobile 教程 > jQuery Mobile 方向事情

jQuery Mobile 方向事情_365体育备用网址官网资讯

您现在的地位: 365体育备用网址 > bet365体育在线, > jQuery Mobile 教程 > jQuery Mobile 方向事情

jQuery Mobile 方向事情

此节有 177 人学习过     参与评论

jQuery Mobile orientationchange 事情

orientationchange 事情在用户垂直或水平旋转移动设施时被触发。

Mobile

Mobile

如需使用 orientationchange 事情,请把它添加到 window 对象:

$(window).on("orientationchange",function(){
  alert("方向已改变!");
});

callback 函数能够设置一个参数,即 event 对象,它会返回移动设施的方向:"portrait" (设施被握持的方向是垂直的)或 "landscape" (设施被握持的方向是水平的):

实例

$(window).on("orientationchange",function(event){
  alert("方向是:" + event.orientation);
});

亲自试一试

由于 orientationchange 事情与 window 对象绑定,我们能够使用 window.orientation 属性来,例如,设置不同样式以区分 portrait 和 landscape 视图:

实例

$(window).on("orientationchange",function(){
  if(window.orientation == 0) // Portrait
  {
    $("p").CSS({"background-color":"yellow","font-size":"300%"});
  }
  else // Landscape
  {
    $("p").css({"background-color":"pink","font-size":"200%"});
  }
});

亲自试一试

提示:window.orientation 属性对 portrait 视图返回 0,对 landscape 视图返回 90 或 -90。

如对本文有疑问,请提交到交流皇冠信誉娱乐城,广大热心网友会为你解答!! 点击进入皇冠信誉娱乐城


公布评论 (177人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换博虎堂老虎机论坛
最新评论
------分隔线----------------------------
条评论
Sitemap