调整窗口

时与另一格替换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

回答

相关问题