Как отключить JQuery анимацию одним ударом

Posted by Pavel Podlipensky on February 05 11:04 PM
<p> Вчера набрел на настройку <strong>jQuery.fx.off</strong> в соотв. <a rel="nofollow" href="http://docs.jquery.com/Effects/jQuery.fx.off" target="_blank">документации</a>. Эта штука позволяет отключить любую анимацию jQuery на всей странице. Выглядит это примерно так: </p> <div id="scid:57F11A72-B0E5-49c7-9094-E3A15BD5B5E7:5822b95a-ab1d-45f8-9884-d0925a0a82f7" class="wlWriterSmartContent" style="margin: 0px; padding: 0px; display: inline; float: none"> <pre style="overflow: auto; background-color: White; font-size: 1.5em"> <div> <span style="color: #000000">jQuery.fx.off </span><span style="color: #000000">=</span><span style="color: #000000"> </span><span style="color: #0000ff">true</span><span style="color: #000000">;<br /> $(</span><span style="color: #000000">"</span><span style="color: #000000">input</span><span style="color: #000000">"</span><span style="color: #000000">).click(</span><span style="color: #0000ff">function</span><span style="color: #000000">(){<br /> $(</span><span style="color: #000000">"</span><span style="color: #000000">div</span><span style="color: #000000">"</span><span style="color: #000000">).toggle(</span><span style="color: #000000">"</span><span style="color: #000000">slow</span><span style="color: #000000">"</span><span style="color: #000000">);<br /> }); </span> </div> </pre> <!-- Code inserted with Steve Dunn's Windows Live Writer Code Formatter Plugin. http://dunnhq.com --> </div> <p> После нажатия на кнопочку, ваш div появиться/спрячется незамедлительно, без какой либо анимации. </p> <p> Понадобиться этот ловкий прием может, если вы имеете дело с "тормознутым" клиентом. И ваша страница вместо анимаций показывает слайд-шоу. </p>

Вчера набрел на настройку jQuery.fx.off в соотв. документации. Эта штука позволяет отключить любую анимацию jQuery на всей странице. Выглядит это примерно так: 


jQuery.fx.off = true;

$("input").click(function(){

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

});

После нажатия на кнопочку, ваш div появиться/спрячется незамедлительно, без какой либо анимации.

Понадобиться этот ловкий прием может, если вы имеете дело с "тормознутым" клиентом. И ваша страница вместо анимаций показывает слайд-шоу.