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

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');
    });
}

加载功能运行良好，但不能调整大小。

是否有针对此问题的 CSS jQuery 解决方案？

Answer 1

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

应该做得很好。

Answer 2

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

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

Answer 3

该$(window).resize(function() {...});方法应该有效..看看这个小提琴

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