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