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