我正在尝试使用 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');
});
最佳答案
如果需要,您可以将其与 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.
关于javascript - 使用 javascript 对 div 重新排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22263081/