web-dev-qa-db-ja.com

jQueryでの$(window).resizeイベントの削除

私が開発しているページの一部では、ユーザーがボタンをクリックしたときにdivに$(window).resizeイベントを追加して、ウィンドウでのサイズ変更と元のサイズでの固定を切り替える必要があります。

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);
}

これに関するヘルプは大歓迎です。

39
BiscuitBaker
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);
}
87
Esailija
function startResize() {
   $(window).on("resize.mymethod",(function() {
     $("#content").width(newWidth);
     $("#content").height(newHeight);
   }));
}

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

クエリメソッドで名前空間を使用すると、メソッドに対してのみサイズ変更イベントをオフにできます。

55
arin