文章/答案/技术大牛

发布

社区首页 >问答首页 >JQuery调整浏览器宽度，隐藏分区位置> 1024

问JQuery调整浏览器宽度，隐藏分区位置> 1024
EN

Stack Overflow用户

提问于 2012-05-01 12:11:13

回答 1查看 2.8K关注 0票数 1

我想要完成的事情很简单。假设你正在浏览一个网站，你想在iPod触摸屏、小型平板电脑上浏览它，或者你自己调整了浏览器的大小，但浏览器的宽度是1024px或更低，而div中的文本会填满所有额外的内容。所以对我来说，基本结构的答案很简单。当浏览器达到1024px或更低时隐藏文本。

我试过了，但似乎不起作用。这里有帮助吗？

$(window).resize(function(){
    if($(window).width() < 1024 ) {
        $('h2#head1').hide();}
    else {
        $('h2#head1').show();};
});

回答已采纳

发布于 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来操作页面以使其以您想要的方式显示相比，这要容易得多。此外，您还可以添加其他布局阈值，但仍然可以正常工作。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10393436

复制

相似问题

问JQuery调整浏览器宽度，隐藏分区位置> 1024EN