javascript - 从移动 View 中删除 Div

Question

我想从我的移动 View 中删除轮播。我让它与我的媒体查询一起使用，但这只会使 div 不可见，但图像仍会加载。在移动宽度中查看时，jquery 有没有办法完全删除代码。

Answer 1

我认为考虑添加轮播以确保图像不会在移动设备上加载可能对您更有用。

使用类似的东西:$('.hidden').remove(); 就像在这个 JSFiddle 中一样仍然会加载图像，因为 DOM 在 javascript 之前加载。您可以检查网络流量来确认。

相反，您可以动态构建图像，如 so :

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

将其与必要的 if 检查相结合，您将确保图像不会加载，除非它满足您指定的条件。