Мобильный порядок размещения DOM с JavaScript

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