Question

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

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

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

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

Answer 1

只需隐藏并展示它们。

当它们隐藏起来时，它们不会占用任何空间并且不会导致线路断裂

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

您还可以使用css媒体查询更有效地执行此操作

反转/取消以前的jQuery功能？

1 个答案: