javascript - 使用 JavaScript 的移动 DOM 堆叠顺序

Question

我想将一个 DOM 元素( Accordion 菜单)放在内容 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"));
        }
});

Answer 1

这对我有用。

jQuery(window).load(function(){

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