0

CSS 미디어 쿼리를 통해 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 
     } 
}); 

답변

1

그것은() CSTE 연구진 사용하여, 다음과 같이 작성되어야한다 .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'); 
    } 
}); 
+0

바인드 및 바인드 해제를 사용하거나 사용 중지하면 어떤 이점이 있습니까? – Lauren

+0

jquery 1.7에서 .on() 처리기가 선호됩니다. 결국 .lind()에서 사용한 것처럼 .bind()가 더 이상 사용되지 않습니다 (연석으로 걷어차 짐) .on() 처리기는보다 유연하고 두 가지를 모두 대체합니다 .live() 및 .bind() .... 여기에서 자세한 내용을 볼 수 있습니다. http://api.jquery.com/bind/ – VIDesignz

1

사용 unbind()

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

/

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