jquery - 在响应式布局中添加删除 jquery

Question

我有一个响应式设计，我正在使用此代码：

$('br').remove();

当浏览器窗口大小小于时删除 br 767px。当我现在以超过 767px 的分辨率打开浏览器时，br 就在那里 - 这很好。但是当我将窗口的大小调整为低于该大小时，它们会出现 - （好吧 - 这就是应该发生的） - 但是当我进行调整大小时，br 保持“移除”......我是否必须设置另一个函数 min-宽度并再次“添加” br？或者什么是适当的方式？非常感谢 - 因为我是 jquery 的“.add”“.remove”东西的新手

Answer 1

您可以使用hide()andshow()代替。删除无法撤消。

$('br').hide();

您还可以考虑使用 CSS 媒体查询：

@media screen and (max-width:767px) {
   br {
      display: none;
   }
}

Answer 2

.remove将从中删除元素，DOM您无法取回它们，您可以隐藏它们

$('br').hide();

• http://api.jquery.com/hide/

Answer 3

您可能想要使用隐藏或显示而不是添加和删除。您想监听窗口调整大小、检查视口并根据像素进行调整。

$(window).on('resize', function(){
    if ($(window).width() < 767){
          $('br').hide();
    }
    else{
          $('br').show();
    }
});