JQuery调整浏览器宽度，隐藏分区位置> 1024
JQuery调整浏览器宽度，隐藏分区位置> 1024
提问于 2012-05-01 12:11:13
我想要完成的事情很简单。假设你正在浏览一个网站，你想在iPod触摸屏、小型平板电脑上浏览它，或者你自己调整了浏览器的大小，但浏览器的宽度是1024px或更低，而div中的文本会填满所有额外的内容。所以对我来说，基本结构的答案很简单。当浏览器达到1024px或更低时隐藏文本。
我试过了，但似乎不起作用。这里有帮助吗？
$(window).resize(function(){
if($(window).width() < 1024 ) {
$('h2#head1').hide();}
else {
$('h2#head1').show();};
});回答 1
Stack Overflow用户
回答已采纳
发布于 2012-05-01 12:32:08
在这种情况下，这是因为您的选择器是关闭的(应该是'h2 #head1‘，或者只是'#head1'，而不是h2#head1)。请参阅http://jsfiddle.net/ERBKU/
然而，我还有一些其他的观察结果：
- 在窗口实际调整大小之前不会进行处理，这意味着在加载时不会进行处理。因此，您需要在加载时加倍执行此逻辑。然而，这将我引向第二点...
- 我认为通过结合一些jQuery和CSS你会得到更好的结果。我指的是在现代和早期jQuery移动中使用的一种方法。基本上，在加载和调整大小时，您希望检测视口宽度，如果它满足宽度阈值，则将特定的CSS选择器附加到
html元素。如果目标元素满足阈值，此选择器可以影响目标元素的CSS属性。这条路的好处是你只需要一小段jQuery，而且你只需要在http://jsfiddle.net/b5LYq/1/中添加更多的布局规则，就可以很容易地调整其他元素的显示属性。与维护一大块jQuery来操作页面以使其以您想要的方式显示相比，这要容易得多。此外，您还可以添加其他布局阈值，但仍然可以正常工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10393436
复制相关文章
相似问题
腾讯云开发者
