jQuery API の jQuery.Callbacks() は、コールバックオブジェクトを生成するメソッド。
コールバックオブジェクトは、複数のコールバック関数を管理できる。
記述方法
var callbacksObject = jQuery . Callbacks();
コールバックオブジェクトを生成。
引数で複数のコールバック関数の処理を制御することもできるが、それについては、jQuery . Callbacks( flags )のページへ。
戻り値
- Callbacks Object
コールバックオブジェクト。
実装例（サンプル）
実装例（サンプル）の動作について
- 「ボタン」をクリックすると、ボタンの右横に「こんにちは」と表示する。
- 「ボタン」を再度クリックすると、ボタンの右横のテキストを消す。
実装例（サンプル）のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
var $callbacksObject = jQuery.Callbacks();
$callbacksObject.add( function( value ) {
jQuery( '#sampleOutput' ).text( value );
} );
var $count = 1;
jQuery( "#sampleButton" ).on( "click", function() {
if( $count == 1 ){
$callbacksObject.fire( 'こんにちは' );
$count = 2;
}else{
$callbacksObject.fire( '' );
$count = 1;
}
} );
} );
// -->
</script>
<!--
jQuery( function() {
var $callbacksObject = jQuery.Callbacks();
$callbacksObject.add( function( value ) {
jQuery( '#sampleOutput' ).text( value );
} );
var $count = 1;
jQuery( "#sampleButton" ).on( "click", function() {
if( $count == 1 ){
$callbacksObject.fire( 'こんにちは' );
$count = 2;
}else{
$callbacksObject.fire( '' );
$count = 1;
}
} );
} );
// -->
</script>
HTML
<button id="sampleButton">ボタン</button>
<span id="sampleOutput"></span>
<span id="sampleOutput"></span>