如何在 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');
}