調整窗口

時與另一格替換DIV我有這樣的HTML代碼：調整窗口

<div id="div_top"></div> 
<div id="div_bottom"></div>

只能在移動網站或當我調整窗口的大小我想div2div1之前。

於是我就用

if(window.innerWidth <= 480){ 
    jQuery(document).ready(function(){ 
     jQuery('#div_bottom').insertBefore('#div_top'); 
    }); 

    jQuery(document).resize(function(){ 
     jQuery('#div_bottom').insertBefore('#div_top'); 
    }); 
}

裝載功能運作良好，但調整不會。

是否有針對此問題的CSS jQuery的解決方案？

來源

2012-08-05 JanJansen

所以你的說法是，這個代碼工作正常時，它加載，但是當你調整它不窗口？ – 2012-08-05 19:29:25

確實！它在加載時正常工作，但不在調整窗口大小時正常工作。 – JanJansen 2012-08-06 03:01:58

檢查出我張貼在我的答案 – 2012-08-06 06:06:55

$(window).resize(function() { 
    if (window.innerWidth <= 480) { 
     $("div#div_bottom").insertBefore("div#div_top"); 
    } 
});

應該沒問題。

來源

2012-08-05 19:30:29

您需要在window對象上使用.resize()而不是document。

源：http://api.jquery.com/resize/#comment-34139342

來源

2012-08-05 19:30:35 bPratik

撥弄它不與作品 – JanJansen 2012-08-06 03:03:49

的$(window).resize(function() {...});方法應該工作..看看這個fiddle

不要忘記你需要一個$(document).read(function() {});也。 fiddle已經實現了這個方法，你只是不能看到它。（檢查最左列並有檢查說是方法已經實現）

來源

2012-08-06 06:06:22

回答

相關問題