如何獲取.remove（）以使用窗口對象

我希望.remove()方法在瀏覽器寬度達到閾值時觸發，並在不是時將其添加回來。如何獲取.remove（）以使用窗口對象

我想我可以使用媒體查詢，但只是想快速處理它與jQuery。

;(function($) { 
    $(document).ready(function() { 
     var w = $(window).width(); 
     if (w < 768) { 
      console.log(w); 
      $('#avon-nav br').remove(); 
     } 
    }); 
})(jQuery);

來源

2016-01-06 Antonio Pavicevac-Ortiz

您可能不得不利用'resize'事件並在處理程序中執行此邏輯。這隻會在頁面初始加載時觸發。如果我加載頁面，然後改變我的窗口的大小，這不會產生影響。爲了記錄，我建議使用CSS媒體查詢，但是如果您想使用jQuery，那將是我的方法。 https://api.jquery.com/resize/ –

您應該使用媒體查詢 – Jason

說實話，使用媒體查詢處理它會更快。更何況，如果你刪除了'
'這是很難讓他們回來 – charlietfl

您必須將一個調整大小事件添加到窗口。看看這個：

$(window).resize(function() { 
    var width = $(window).width(); 
    if (width < 768) { 
     $('#avon-nav br').hide(); 
    } else { 
     $('#avon-nav br').show(); 
    } 
});

我代替切換與隱藏和顯示，因爲它依賴於初始窗口大小不同的作用。這是DEMO。

來源

2016-01-06 19:44:38 DaMaGeX

如何獲取.remove（）以使用窗口對象

回答

相關問題