.promise()【Promiseオブジェクト 生成 (jQuery)】1.6
メモ
- アクションキューの監視用 Promiseオブジェクト を生成
- 全アクションの完了で、deferred.done()【《Deferred 成功処理》ハンドラ追加】の処理実行
- 要素データは、Deferred Object【状態管理オブジェクト】 に.data()【要素データ 取得・設定】で格納
.remove()【要素 削除 (関連情報削除)】で要素削除すると、状態遷移なし
要素削除は、.detach()【要素 削除 (関連情報保持)】を使用し状態遷移後、.removeData()【要素データ 削除】
構文
| 説明 | 構文 | 戻り値 |
|---|---|---|
| Promiseオブジェクト 生成 (jQuery) | .promise( [type ] [, target ] ) 1.6 String type：監視用キュータイプ (デフォルト："fx" アニメーション) PlainObject target：Promise メソッドをアタッチするオブジェクト | Promise |
関連
例
<style>
.class1 { position:relative; height:50px; width:50px; margin:10px; background-color:blue; color:white; }
</style>
<div style="height:150px;">
<div id="id1" class="class1"></div>
<div id="id2" class="class1"></div>
</div>
<script>
$(".class1").append("Start");
$("#id1").fadeOut(5000).fadeIn(5000);
$("#id2")
.animate( { left:"+=100" } ).animate( { left:"-=100" } )
.animate( { left:"+=200" } ).animate( { left:"-=200" } )
.animate( { left:"+=300" } ).animate( { left:"-=300" } );
$(".class1").promise().done(function() {
$(".class1").append("<br>End");
});
</script>