天天看點

jQueryMobile的(二十一) 方向改變事件(orientationchange)

當裝置的方向變化(裝置橫向持或縱向持)此事件被觸發。綁定此事件時,你的回調函數可以加入第二個參數,作用為描述裝置橫或縱向的屬性,"portrait"或;landscape"。這些值也會作為class值加入到html的元素中,使你可以通過css中的選擇器改變他們的樣式。注意現在當浏覽器不支援orientationChange事件的時候我們綁定了resize 事件。

手持裝置方向改變時執行

$(window).bind( 'orientationchange', function(e){
    var height=document.body.clientHeight - 195;
    $("#content").css("min-height",height);
    $("#thumb").css("margin",height/4.2 + "px auto");
    });