javascript - JavaScript を使用したモバイル DOM のスタック順序

Question

DOM 要素 (アコーディオン メニュー) を 1 つ取得し、コンテンツ 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"));
        }
});