javascript - 使用 javascript 对 div 重新排序

Question

我正在尝试使用 JavaScript` 更改 div 的顺序。我可以这样处理吗？

<div id="pageWrapper">
    <div id="one">1</div>
    <div id="two">2</div>
    <div id="three">3</div>
    <div id="four">4</div>
</div>

$(document).ready(function(){ 
        $('#pageWrapper').prepend('#three');
        $('#pageWrapper').prepend('#four');

});

Answer 1

如果需要，您可以将其与 window.resize() 事件一起使用(您也可以使用 else 语句将其设置回默认值)

$(document).ready(function(){
    $(window).resize(function(){    
     if ($(window).width() < 980) {
        $('#three').insertBefore('#one');
        $('#four').insertBefore('#two');
     } else {
      // Set back to default, or whatever you like.
     }
    });
});

<强> jsFiddle here.