從移動視圖中刪除Div

Question

我想從移動視圖中刪除我的輪播。 我有它與我的媒體查詢一起工作，但這只是使div不可見，但圖像仍然加載。 在移動寬度中查看時，jquery有沒有一種方法可以完全刪除代碼。

Answer 1

我認為考慮添加輪播以確保圖像不會在移動設備上加載可能對您更有用。

使用類似的東西： $('.hidden').remove(); 就像在此JSFiddle中一樣，由於DOM在javascript之前加載，因此仍會加載圖像。 您可以檢查網絡流量以進行確認。

相反，你可以動態地建立自己的形象， 所以 ：

var img = $('<img class="hidden"></img>');
img.attr('src','http://placehold.it/350x150');
img.appendTo('#container');

將其與必要的檢查內容結合起來，可以確保除非滿足指定條件，否則圖像不會加載。