Javascript 禁用负责任设计中的元素

我已经创建了一个响应博客的模板。一切都很好，但我想做得更好。我的网站包含一些我想在手机和平板电脑视图中禁用的小部件。我的响应式设计完美地适用于手机和平板电脑，但问题是它加载所有小部件，然后隐藏它们。我使用了

display:none

方法来隐藏这个不需要的小部件，它可以工作，但是它增加了页面加载时间。我真的不需要移动视图中的这些小部件。我只想完全禁用此窗口小部件，以便以更快的速度加载我的网页。

您可以通过以下方式检测

窗口的分辨率大小：

var width = $(window).width();
var element = $('.widget-content');

if ((width <= 1024)) {
$(element).remove();
}

小部件
？什么样的？重要的是要知道。你可以
通过
jquery
@jiff小部件，比如固定或浮动的社交媒体栏、侧边栏等，禁用这些小部件。我的意思是，它们是
插件
，还是你自己做的？您可以
删除
具有类似
$（“#mySocial”）的对象。删除（）
但是如何检测？您可以检测
分辨率大小
或
移动代理
@jiff已使用此方法
@媒体（最大宽度：--px）
进行检测。在这里你可以看到它。这是检测分辨率的
媒体
，但我们需要通过
jquery
删除
元素
。不能使用
CSS
删除元素。我将为你写一个答案，希望它能解决你的问题。很高兴帮助@Akshay
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
$('.widget-content').remove();
}