jQuery コールバック
jQueryコールバックメソッド
コールバック関数は、現在のアニメーションが100%完了した後に実行されます。
jQuery アニメーションの問題
多くの jQuery 関数にはアニメーションが含まれます。これらの関数は、オプションの引数として速度または期間を取ることができます。
例: $("p").hide("slow")
速度または期間パラメータは、「遅い」、「速い」、「標準」、ミリ秒など、さまざまな値に設定できます。
次の例には、隠し効果が完全に実現された後のコールバック関数があります:
インスタンス
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide("slow",function(){ alert("段落现在被隐藏了"); }); }); }); </script> </head> <body> <button>隐藏</button> <p>我们段落内容,点击“隐藏”按钮我就会消失</p> </body> </html>
例の実行»
オンラインの例を表示するには、[インスタンスの実行] ボタンをクリックしてください
次の例コールバック関数がないため、非表示の効果が完了する前に警告ボックスがポップアップ表示されます:
インスタンス
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(1000); alert("现在段落被隐藏了"); }); }); </script> </head> <body> <button>隐藏</button> <p>这是一个段落,内容很少</p> </body> </html>
インスタンスの実行»
[インスタンスの実行]ボタンをクリックしてオンラインインスタンスを表示します