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" );
    }
});

使用JavaScript的移动DOM堆叠顺序

1 个答案: