从移动视图中删除Div

Question

我想从移动设备视图中移除我的轮播。我有它使用我的媒体查询，但只是使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');

将其与您必要的检查相结合，并确保图片不会加载，除非它符合您指定的标准。