基于JavaScript的移动DOM堆叠顺序

我想获取一个DOM元素（accordion menu）并将其放在content div下面。在前面的一个线程中，我被告知要使用底部的菜单进行构建，但我构建了它，因此边栏菜单位于标记中的内容之前，如下所示：

<div class="row-fluid">
   <div id="sidebar1" class="span3">
   ...
   </div>
        <div id="right" class="span9">
        ...
        </div>

...
...

我正在使用javascript检测宽度，它正在工作。。。有时候。不知道为什么不一致。也许是因为我接近它的方式

jQuery(window).resize(function(){

    var windowsize = jQuery(window).width();
    if (windowsize < 768) {
        jQuery("#right.span9").insertBefore(jQuery("#sidebar1.span3"));
        } else {
            jQuery("#sidebar1.span3").insertBefore(jQuery("#right.span9"));
        }
});

jQuery（窗口）.调整大小（函数（）{
var windowsize=jQuery（window）.width（）；
如果（窗口大小<768）{
jQuery（“#right.span9”）.insertBefore（jQuery（#sidebar1.span3”）；
}否则{
jQuery（“#sidebar1.span3”）.insertBefore（jQuery（#right.span9”）；
}
});

这对我很有效

jQuery(window).load(function(){

if (jQuery(window).width() < 768) {
    jQuery("#right").insertBefore( "#sidebar1" );
    } else {
        jQuery("#sidebar1").insertBefore( "#right" );
    }
});

jQuery（窗口）.load（函数（）{
if（jQuery（window）.width（）<768）{
jQuery（“#右”）.insertBefore（“#侧边栏1”）；
}否则{
jQuery（“#侧边栏1”）.insertBefore（“#右”）；
}
});