jQuery的時候調整大小的瀏覽器

Question

我想這個改變移動DIV（順序爲：MENU，左，右），當我調整低於481px的窗口，用;

jQuery(document).ready(function($) { 

$(window).resize(function() { 
    var responsive_viewport = $(window).width(); 
    if (responsive_viewport < 481) { 
      $('#inner-content').parent().prependTo('middle'); 
    } 
}); 

Answer 1

使用此

$(window).resize(function() { 

    var responsive_viewport = $(window).width(); 

    //console.log(responsive_viewport); 
    if (responsive_viewport < 481) { 
     var middle_div = $('#main-middle').clone().remove(); 
     $("#main-1").before(middle_div); 
    } 
}); 

您div編號有這是不允許的空間。我猜想你有錯過的是連字符或下劃線。我在我的代碼中添加了連字符。

此外上面的代碼不斷添加菜單當視口< 481.所以嘗試設置一個標誌或一旦它已經移動的東西。否則，你將有多個菜單。

乾杯！

Answer 2

我記下確定這是否完整。我面臨一些問題時，我認爲端口設置寬度爲481 所以我將它設置爲350

jsfiddle.net/CKfqv