如何让.remove（）使用窗口对象

Question

我希望在浏览器宽度达到阈值时触发.remove()方法，并在不是时将其添加回来。

我想我可以使用媒体查询，但只是想用jQuery快速处理它。

;(function($) {
    $(document).ready(function() {
        var w = $(window).width();
        if (w < 768) {
            console.log(w);
            $('#avon-nav br').remove();
        }
    });
})(jQuery);

Answer 1

您必须向窗口添加resize事件。看看这个：

$(window).resize(function() {
    var width = $(window).width();
    if (width < 768) {
        $('#avon-nav br').hide();
    } else {
        $('#avon-nav br').show();
    }
});

我用hide和show替换toggle，因为它根据初始窗口大小而有所不同。这是DEMO。