jQuery API の callbacks.fire( arguments ) は、コールバックオブジェクトのコールバック関数群を呼び出すメソッド。呼び出す際、複数の値を実引数に指定し、コールバック関数群に引き渡せる。
記述方法
実引数が1つ
callbacks . fire( 実引数 )
実引数が複数
callbacks . fire( 実引数1, 実引数2, 実引数3 )
カンマ区切りで、複数の実引数を引き渡すことができる。
引数
- arguments / 引数
実引数を指定する。
カンマ区切りで、複数の実引数を指定できる。
オプション。省略できる。詳しくは「callbacks . fire()」のページにて。
戻り値
- Callbacks Object
コールバックオブジェクト。
記述例
実引数が1つ
var callbacksObject = jQuery . Callbacks();
callbacksObject.add( function( 仮引数 ) {
// コールバック関数内の処理文
} );
callbacksObject.fire( 実引数 );
callbacksObject.add( function( 仮引数 ) {
// コールバック関数内の処理文
} );
callbacksObject.fire( 実引数 );
実引数が複数
var callbacksObject = jQuery . Callbacks();
callbacksObject.add( function( 仮引数1, 仮引数2, 仮引数3 ) {
// コールバック関数内の処理文
} );
callbacksObject.fire( 実引数1, 実引数2, 実引数3 );
callbacksObject.add( function( 仮引数1, 仮引数2, 仮引数3 ) {
// コールバック関数内の処理文
} );
callbacksObject.fire( 実引数1, 実引数2, 実引数3 );
実装例(サンプル)
実装例(サンプル)の動作について
- 「ボタン」をクリックすると、ボタンの右横に「こんにちは。いい天気ですね。」と表示する。
- 「ボタン」を再度クリックすると、ボタンの右横のテキストを消す。
実装例(サンプル)のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
var $callbacksObject = jQuery.Callbacks();
$callbacksObject.add( function( $arg1, $arg2 ) {
jQuery( '#sampleOutput' ).text( $arg1 + $arg2 );
} );
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( $arg1, $arg2 ) {
jQuery( '#sampleOutput' ).text( $arg1 + $arg2 );
} );
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>