jQuery API の jQuery.Callbacks( 'unique' ) で生成したコールバックオブジェクトは、コールバック関数を重複させない。
記述方法
var callbacksObject = jQuery . Callbacks( 'unique' );
コールバック関数を重複させないコールバックオブジェクトを生成。
戻り値
- Callbacks Object
コールバックオブジェクト。
実装例（サンプル）
- このリストに追加する。
実装例（サンプル）の動作について
- 「ボタンＡ」をクリックすると、ボタンの下のリストに「追加項目Ａ」を１つ追加する。
- 「ボタンＢ」をクリックすると、ボタンの下のリストに「追加項目Ｂ」を２つ追加する。
実装例（サンプル）のソースコード
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>追加項目Ａ</li>' );
} );
var $callbacksObjectB = jQuery.Callbacks();
$callbacksObjectB.add( callbackFn, callbackFn );
jQuery( "#sampleButtonB" ).on( "click", function() {
$callbacksObjectB.fire( '<li>追加項目Ｂ</li>' );
} );
} );
// -->
</script>
<!--
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>追加項目Ａ</li>' );
} );
var $callbacksObjectB = jQuery.Callbacks();
$callbacksObjectB.add( callbackFn, callbackFn );
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>
<button id="sampleButtonB">ボタンＢ</button>
<ol id="sampleOutput">
<li>このリストに追加する。</li>
</ol>