2010 年 6 月 17 日
jQuery キューはqueue()
要素のqueueはqueue()で配列として取得できるそうです。
$("#animatede_id").queue().length;
これつかっとけばよかったです。
要素のqueueはqueue()で配列として取得できるそうです。
$("#animatede_id").queue().length;
これつかっとけばよかったです。
よくあるぶるぶるシェイクするやつです。
$(element).animate({ left: -10 }, 75) .animate({ left: 10 }, 75) .animate({ left: -10 }, 75) .animate({ left: 10 }, 75) .animate({ left: 0 }, 75);
またまた大好きなjQueryのリファレンスからです。
http://semooh.jp/jquery/api/effects/
サンプルも勉強になって好きです、このサイト。
基本的なところかもしれませんが。
画像をクリックするとsrcが変わるスクリプトで
$("#element").click(function(){ $(this).hide().attr("test.jpg").fadeIn(); });
とした場合の話ですが、
フェードイン完了前にクリックするとなにやらおかしなことになります。
loading=false; $("#element").click(function(){ if(loading==false){ loading=true; $(this).hide().attr("test.jpg").fadeIn("2000",complete); } }); function complete(){ loading=false; }
以上のようにして、fadeInのコールバックをつかってフェードインが終わるのを待つ事にすればいいと
気付きましたのでメモします。
よくつかうのですが、なんだったけかと思うので。
[speed]は”slow”、”normal”、”fast”で
第2引数の[callback]はエフェクト終了時の関数だそうですが
いまのところあまりつかったことがありません。
show([speed],[callback]) 拡大/フェードインして表示
hide([speed],[callback]) 縮小/フェードアウトして表示
slideDown([speed],[callback]) 下へスライド
slideUp([speed],[callback]) 上へスライド
fadeIn([speed],[callback]) フェードイン
fadeOut([speed],[callback]) フェードアウト
fadeTo(([speed],[]opacity],[callback])) 透明度を変opacityに変更