jQuery的 - 通過窗口觸發兒童移動元素調整

Question

我已經在我的網站放置在一旁帶班「左巴」的過濾器。我的網站是響應式的，我希望過濾器可以通過班級'mobile-top-bar'移動到div。

第一個「如果」我檢查窗口尚未低於992px和當那是過濾器將被移動到「移動頂吧」的情況下（這偉大工程）

if ($(window).width() < 992) { 
    $('#moveableFilter').prependTo('.mobile-top-bar'); 
} 

隨着第二一段代碼，我做了應該移動過濾器來回的功能，但這並沒有發生。當我稍微改變了窗口的寬度（當它仍然高於992px）並且當我將它改變到992px以下時，過濾器已經從'左欄'消失了，它不存在於移動頂部欄中。

我做了什麼錯？

$(window).on('resize', function(){ 
    var win = $(this); 
    if (win.width() < 992) { 
     $('#moveableFilter').prependTo('.left-bar'); 
    } else if (win.width() >= 992) { 
     $('#moveableFilter').prependTo('.mobile-top-bar'); 
    } 
}); 

Answer 1

它看起來像你切換案件意外。試試這個：

$(window).on('resize', function(){ 
    var win = $(this); 
    if (win.width() >= 992) { 
     $('#moveableFilter').prependTo('.left-bar'); 
    } else if (win.width() < 992) { 
     $('#moveableFilter').prependTo('.mobile-top-bar'); 
    } 
}); 

...但是，我與說，這將是最好不要使用兩個不同的酒吧，但把它與CSS媒體查詢移動評論表示贊同。