響應式jquery

Question

需要一些幫助和建議。長篇小說我有一個3欄的網站。

<div id="left-col">Some content</div> 
<div id="mid-col">Some content</div> 
<div id="right-col">Some content</div> 

當瀏覽器窗口低於1000px時，我執行以下操作。

$(window).on('resize', function() { 

if ($(window).width() < 1000) {   
    $("#right-col").appendTo('#left-col'); 
    $("#mid-col").css("max-width","785px"); 
} 
}); 

現在使用appendTo心不是最好的解決方案，因爲它需要整個< DIV ID =「右山坳」 >和地方的div內。我最初的想法是隻是將html移動到右側欄中，並將其附加到左側欄的末尾。

無論如何... 我怎樣才能得到它回彈出左col，並返回到它的原始位置，當瀏覽器大於1000px;

這是一個jsfiddle它。 http://jsfiddle.net/C7k5b/

Answer 1

難道你不會再把它追回來嗎？

$(document).ready(function() { 
    $(window).on('resize', function() { 
     if ($(window).width() < 500) {  
      $("#right-col").appendTo('#left-col'); 
     }else{ 
      $("#right-col").appendTo($('#left-col').parent()); 
     } 
    }); 
}); 

FIDDLE