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

Question

我想获取一个 DOM 元素（手风琴菜单）并将其放在内容 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" );
    }
});