VeryOK建站教程

jQuery Mobile 方向

jQuery Mobile orientationchange 事件

orientationchange 事件在用戶垂直或水平旋轉移動設備時被觸發。

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。

江西时时彩交易时间