jQuery . Callbacks( 'unique' )

jQuery API の jQuery.Callbacks( 'unique' ) で生成したコールバックオブジェクトは、コールバック関数を重複させない。

記述方法

var callbacksObject = jQuery . Callbacks( 'unique' );

コールバック関数を重複させないコールバックオブジェクトを生成。

戻り値

Callbacks Object

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

実装例(サンプル)

  1. このリストに追加する。

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

  • 「ボタンA」をクリックすると、ボタンの下のリストに「追加項目A」を1つ追加する。
  • 「ボタンB」をクリックすると、ボタンの下のリストに「追加項目B」を2つ追加する。

実装例(サンプル)のソースコード

JavaScript

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

    function callbackFn( value ) {
        jQuery( '#sampleOutput' ).append( value );
    }

    var $callbacksObjectA = jQuery.Callbacks( 'unique' );
    $callbacksObjectA.add( callbackFn, callbackFn );
    jQuery( "#sampleButtonA" ).on( "click", function() {
        $callbacksObjectA.fire( '<li>追加項目A</li>' );
    } );

    var $callbacksObjectB = jQuery.Callbacks();
    $callbacksObjectB.add( callbackFn, callbackFn );
    jQuery( "#sampleButtonB" ).on( "click", function() {
        $callbacksObjectB.fire( '<li>追加項目B</li>' );
    } );

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

HTML

<button id="sampleButtonA">ボタンA</button>
<button id="sampleButtonB">ボタンB</button>
<ol id="sampleOutput">
    <li>このリストに追加する。</li>
</ol>

スポンサード リンク

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