Reverse/cancel 上一个 jQuery 功能？

Question

我创建了一个函数来检查浏览器的 window 宽度，如果它低于指定宽度，则删除元素中的 <br> 标记。但是，如果 window 宽度超过指定宽度，我希望将 <br> 标记重新插入到元素中（在完全相同的位置，在字符串的中间）。

到目前为止，这是我的代码：

function removeBreak {
    $('.content h4 br').each(function() {
        $(this).remove();
    }
}
$windowWidth = $(window).width();
$(window).on("load resize", function () {
    if ($windowWidth <= 940) {
        removeBreak();
    }
});

是否可以修改resize函数，添加一条"else"语句，取消或反转removeBreak函数，从而将<br>元素添加回原来的位置？

Answer 1

只是隐藏和显示它们。

当它们被隐藏时，它们不会占用任何空间space，也不会导致线路中断

$(window).on("load resize", function () {
     var $windowWidth = $(window).width();
    $('.content h4 br').toggle($windowWidth > 940);       
});

您还可以使用 css 媒体查询

更高效地执行此操作

Reverse/cancel 上一个 jQuery 功能？

Reverse/cancel previous jQuery function?

html

jquery

resize