2015-05-14 85 views
2

我有一個問題,當我使用窗口方向更改事件它不在設備上觸發。在這裏,我添加了我的代碼。請幫我解決這個問題。jquery窗口方向更改事件不工作在requirejs

示例代碼,

define(["jquery"], function($) { 
    $(function() { 
     set_screen(); 
    }); 

    function set_screen(){ 
     var winH = $(window).height(), 
      winW = $(window).width(); 
     $('.fullscreen-slider ul.slide li').css({'height':winH}); 
    } 

    $(window).on("orientationchange", function(event) { 
     set_screen(); 
    }); 
}); 
+0

在'orientationchange'中放置一個警報,看它是否出現。 – lshettyl

+0

其出現。但是我面臨一個問題,當我旋轉屏幕時,我無法獲得確切的窗口高度... @LShetty – Sathya

+0

你會更好的與'身高:100%' – lshettyl

回答

0

這可以解釋爲什麼你沒有得到你所期望的窗口的高度,但我們需要看到你的HTML和CSS,以確保:

jquery $(window).height() is returning the document height

也就是說,正如@LShetty在上面的評論中指出的那樣,通過簡單地給元素設置100%的高度,您可以更容易地獲得相同的結果。最好做這一個樣式表文件,但如果你有這樣做在Javascript:

define(["jquery"], function($) { 
    $(function() { 
     $('.fullscreen-slider ul.slide li').css({'height':'100%'}); 
    }); 
}); 

沒有orientationchange處理需要。

+0

「當數字作爲值傳遞時,** jQuery會將其轉換爲字符串並將px添加到該字符串的末尾。**如果該屬性需要px以外的單位,則將該值轉換爲字符串並添加在調用該方法之前適當的單位「。 (['.css()']的文檔(https://api.jquery.com/css/)。強調添加。) – Louis

+0

@Louis,謝謝,不知道。將編輯答案反映。 – radiaph

+0

如果我這樣寫,$(window).on(「orientationchange」,function(event){alert($(window).height())});我在縱向視圖中獲取橫向視圖屏幕高度值。如果我使用requirejs,我正面臨着這個問題...... @phari – Sathya