Question

我有这个HTML代码：

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

仅在移动网站上或我在div2之前调整窗口大小时我需要div1。

所以我用

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

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

加载功能效果很好，但不会调整大小。

这个问题是否有jQuery的CSS解决方案？

Answer 1

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

应该做得很好。

Answer 2

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

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

Answer 3

$(window).resize(function() {...});方法应该有效..请查看此fiddle

别忘了你还需要$(document).read(function() {});。 fiddle已经实现了这个方法，你只是看不到它。（检查最左边的列，并且检查说方法已经实现）

调整窗口大小时，将div替换为另一个div

3 个答案: