如何在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

應該這樣寫，使用。對（）和.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'); 
}