callbacks . remove( callbacks )

jQuery API の callbacks.remove( callbacks ) は、コールバックオブジェクトから、「callbacks」に指定したコールバック関数を削除するメソッド。

記述方法(構文)

callbacks . remove( コールバック関数 )

引数

callbacks / コールバック関数

削除したいコールバック関数名を指定する。

戻り値

Callbacks Object

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

記述例

var callbacksObject = jQuery . Callbacks();
function コールバック関数名() {
    // コールバック関数内の処理文。
}
callbacksObject.add( コールバック関数名 );
    // callbacksObjectに「コールバック関数名」のコールバック関数を追加する。
callbacksObject.remove( コールバック関数名 );
    // callbacksObjectから「コールバック関数名」のコールバック関数を削除する。

実装例(サンプル)

実装例(サンプル)の動作について

  1. 「B」ボタンをクリックすると、ボタンの右横に「false」と表示する。
  2. 「A」ボタンをクリックすると、ボタンの右横に「$callbacksObjectAからsampleFnを削除しました。」と表示する。
  3. 「B」ボタンをクリックすると、ボタンの右横に「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からsampleFnを削除しました。' ] )
            .remove( sampleFn );
    } );

    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, コールバックオブジェクト タグ: パーマリンク