【发布时间】：2016-02-18 09:43:02
【问题描述】：
我正在设计一个响应式网站，我想根据屏幕宽度隐藏/显示部分我不喜欢媒体查询方法，因为我希望浏览器只加载所需的部分，例如我有一个大画廊桌面版本中有很多图片，所以我不希望浏览器在移动版本中加载这一部分我尝试了 jquery - ajax .load() 方法，我还发现了一些 angularjs 方法，
我在问什么更好的方法，谢谢大家
【问题讨论】：
-
不确定是否有插件可以处理这个问题。目前我能想到的是我将放置一个 div 来保存所有图片，但我将使用 Ajax 加载这些图片以准备好文档。现在，如果屏幕尺寸很小，我将使用媒体查询来隐藏这个 div。现在我在我的 Jquery 中设置了一个条件，如果 div 被隐藏，则不要获取图片
-
这是一个非常好的主意，我尝试的是创建一个带有 id 的空 div 并根据屏幕大小测试条件加载一个单独的 php 文件，如下所示：(function($) { if ( screen.width > 992) { $( '#slider' ).load( 'dasktop-slider.php' ); } else{ $( '#slider' ).load( 'mobile-slider.php' ); } } )(jQuery);
-
我注意到还有其他方法可以在 angular.js 和 react.js 中操作 DOM
-
哦，太好了，您尝试了类似的方法，嗯，我还没有角度，所以我认为我不会在这些方面有所帮助
标签： jquery angularjs responsive-design