Jquery - 在特定浏览器宽度隐藏元素

标签 jquery jquery-selectors uinavigationbar fluid-layout flexigrid

我试图让 jQuery 在浏览器达到特定宽度时删除元素。我对 jquery 有点陌生。我可以研究如何检测浏览器宽度,但我不知道怎么说

当浏览器达到x宽度时删除id为y的无序列表

到目前为止我已经有了

jQuery(function ($) {
                $(window).resize(function(){


                });
        });

感谢帮助

最佳答案

以下内容将起作用:

$(window).resize(function(){
  var width = $(this).width(); // The window width
  if (width < someSize) {
    $('#y').hide(); // Or to completely remove it form the DOM use `remove()`
  }
});

但是,样式通常最好留给 CSS 来关注,如果您可以避免这种方法,请尝试这样做。

关于Jquery - 在特定浏览器宽度隐藏元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9229832/

相关文章:

javascript - JQuery:删除当前选择的div

javascript - 用户浏览器缩放时如何处理覆盖

jquery - 如何从子 Jquery 中找到下一个父对象?

ios - 如何使用 hitTest :withEvent: to send touches from my nav bar to the underlying view under certain circumstances?

iphone - UINavigationBar后退按钮不出现

javascript - knockout 启用绑定(bind)不起作用

javascript - Mvc5 Select2基于searchTerm通过ajax加载结果

jQuery 选择器所有元素不在子类中

javascript - 如何旋转元素?

ios - UINavigation 标题不显示?