jquery - css 値が変更された後にサイズ変更機能が起動しないようにするにはどうすればよいですか?

Question

CSS メディア クエリを介して CSS 値が変更された後、サイズ変更機能が起動しないようにしようとしています。これは機能しません...「トグルがあります」を一度だけ表示したい。どのように私はそれを殺すのですか？

$(window).bind('resize', function(event) {
    if ($('#toggle').css('display') == 'none')
        {
            console.log("there's no toggle!");
        }
        else {
            console.log("there IS a toggle!");
            return false; // trying to stop the function
        }
});

Answer 1

.on() と .off() を使用して、次のように記述します。

$(window).on('resize', function() {

if ($('#toggle').css('display') == 'none')
    {
        console.log("there's no toggle!");
    }
    else {
        console.log("there IS a toggle!");
        $(window).off('resize');
    }
});

Answer 2

使用するunbind()

$(window).unbind('resize');

/

else {
        console.log("there IS a toggle!");
        $(window).unbind('resize');
}