[Property] JQ - jQuery.fx.off 속성 - 애니메이션 비활성화/활성화

jQuery.fx.off 예제

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $("#disable").click(function(){

    jQuery.fx.off = true;

  });

  $("#enable").click(function(){

    jQuery.fx.off = false;

  });

  $("#toggle").click(function(){

    $("div").toggle("slow");

  });

});

</script>

<style>

  #hz {background:#98bf21;height:100px;width:100px;margin:50px;}

</style>

<button id="disable">jQuery.fx.off = true ( Disable )</button>

<button id="enable">jQuery.fx.off = false ( Enable )</button>

<button id="toggle">Toggle animation</button>

<div id="hz"></div>

 

jQuery.fx.off 정의

 

모든 애니메이션을 전역으로 비활성화 / 활성화

 

---

 

단축코드 : $.fx.off

 

jQuery.fx.off 구문

 

jQuery.fx.off = true|false;

 

---

[속성값]

 

false
애니메이션 활성화. (기본값)

true
애니메이션 비활성화 (※ 최종상태로 바로 설정)