jQuery . Callbacks( 'once' )

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

jQuery API の jQuery.Callbacks( 'once' ) で生成したコールバックオブジェクトは、一度だけしか呼び出せない。

記述方法

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

一度しか呼び出せないコールバックオブジェクトを生成。

戻り値

Callbacks Object

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

実装例（サンプル）

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

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

  • 「ボタンＡ」をクリックすると、ボタンの下のリストに「追加項目Ａ」を追加する。
  • 「ボタンＢ」をクリックすると、ボタンの下のリストに「追加項目Ｂ」を追加する。
  • 「ボタンＡ」は「追加項目Ａ」を一度しか追加しない。
  • 「ボタンＢ」はクリックする度に、「追加項目Ｂ」を追加する。

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

JavaScript

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

    var $callbacksObjectA = jQuery.Callbacks( 'once' );
    $callbacksObjectA.add( function( value ) {
        jQuery( '#sampleOutput' ).append( value );
    } );
    jQuery( "#sampleButtonA" ).on( "click", function() {
        $callbacksObjectA.fire( '<li>追加項目Ａ</li>' );
    } );

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

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

HTML

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

スポンサード リンク

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