我正在使用下面的脚本来改变两个div的顺序 - 我的文档HTML中有一个类为“imagepanel ip-middle”的div,它在一个名为“bgimagescale image2”的div之前。当在小于768像素的视口上查看时 - 我想要div反转。下面的脚本不会在页面加载时反转divs。只有在调整大小时才会反转 - 因为我猜测这个脚本是这样指示的! .bind("resize", listenWidth)。我一直无法找到使用jquery在页面加载和调整大小时改变div顺序的正确方法。非常感谢。
<script type="text/javascript">
jQuery(document).load($(window).bind("resize", listenWidth));
function listenWidth( e ) {
if($(window).width()<767)
{
$("div.imagepanel.ip-middle").remove().insertAfter($("div.bgimagescale.image2"));
} else {
$("div.imagepanel.ip-middle").remove().insertBefore($("div.bgimagescale.image2"));
}
}
</script>