callbacks . empty()

投稿日: 2013年11月30日 作成者: alphasis

jQuery API の callbacks.empty() は、コールバックオブジェクトからコールバック関数を全て削除するメソッド。

記述方法（構文）

callbacks . empty()

戻り値

Callbacks Object

コールバックオブジェクト。

記述例

var callbacksObject = jQuery . Callbacks();
callbacksObject.add( function() {
    // コールバック関数内の処理文。
} );
callbacksObject.empty();
    // callbacksObjectからコールバック関数を全て削除する。

実装例（サンプル）

実装例（サンプル）の動作について

  1. 「Ｂ」ボタンをクリックすると、ボタンの右横に「false」と表示する。
  2. 「Ａ」ボタンをクリックすると、ボタンの右横に「$callbacksObjectAのコールバック関数を全て削除しました。」と表示する。
  3. 「Ｂ」ボタンをクリックすると、ボタンの右横に「true」と表示する。

実装例（サンプル）のソースコード

JavaScript

<script type="text/javascript">
<!--
jQuery( function() {

    function sampleFn( $arg1 ) {
        jQuery( this ).text( $arg1 );
    }

    var $callbacksObjectA = jQuery.Callbacks();
    $callbacksObjectA.add( sampleFn );

    var $callbacksObjectB = jQuery.Callbacks();
    $callbacksObjectB.add( sampleFn );

    jQuery( "#sampleButtonA" ).on( "click", function() {
        $callbacksObjectA
            .fireWith( jQuery( '#sampleOutputA' ), [ '$callbacksObjectAからコールバック関数を全て削除しました。' ] )
            .empty();
    } );

    jQuery( "#sampleButtonB" ).on( "click", function() {
        $callbacksObjectB.fireWith( jQuery( '#sampleOutputB' ), [ $callbacksObjectA.has( sampleFn ) ] );
    } );

} );
// -->
</script>

HTML

<p>
    <button id="sampleButtonA">Ａ</button>
    <span id="sampleOutputA"></span>
</p>
<p>
    <button id="sampleButtonB">Ｂ</button>
    <span id="sampleOutputB"></span>
</p>

スポンサード リンク

カテゴリー: API, JavaScript, jQuery, コールバックオブジェクト タグ: パーマリンク