javascript - 删除 jQuery 中的 $(window).resize 事件

Question

我正在开发的部分页面需要在用户单击按钮时将 $(window).resize 事件添加到 div，以便在使用窗口调整大小和将其固定为原始大小之间切换尺寸:

function startResize() {
    $(window).resize(function() {
        $("#content").width(newWidth);
        $("#content").height(newHeight);
    });
}

我无法解决的是如何在再次单击按钮时“关闭”此事件，以便内容停止调整大小。

function endResize() {
    // Code to end $(window).resize function
    $("#content").width(originalWidth);
    $("#content").height(originalHeight);
}

如有任何帮助，我们将不胜感激。

Answer 1

function endResize() {
    $(window).off("resize");
    $("#content").width(originalWidth);
    $("#content").height(originalHeight);
}

请注意，这非常麻烦，可能会破坏其他代码。

这是更好的方法:

function resizer() {
    $("#content").width(newWidth);
    $("#content").height(newHeight);
}

function startResize() {
    $(window).resize(resizer);
}

function endResize() {
    $(window).off("resize", resizer);
}