在移动设备上跳过加载div内容

Question

我有2个div类：“仅限桌面”和“仅限移动”

我正在使用仅在桌面上显示某些内容并将其隐藏在移动设备上但仍然加载内容只是将其隐藏在屏幕上。这样就减慢了我的页面。

我正在寻找跳过加载内容的解决方案，例如当我在桌面上跳过加载移动div时以及当我在移动设备上跳过加载桌面div时。 任何解决方案？

Answer 1

无法通过DOM从CSS删除元素。

在JS中你添加add就像

这样的代码片段

$( document ).ready(function() {
    if($(window).width()<=700){
        $('.desktop-only').remove();
    } else {
        $('.mobile-only').remove();
   }        
});