jQuery API の callbacks.disable() は、コールバックオブジェクトを無効にするメソッド。
記述方法（構文）
callbacks . disable()
戻り値
- Callbacks Object
コールバックオブジェクト。
記述例
var callbacksObject = jQuery . Callbacks();
callbacksObject.add( function() {
// コールバック関数内の処理文。
} );
callbacksObject.disable();
// callbacksObjectを無効にする。
callbacksObject.add( function() {
// コールバック関数内の処理文。
} );
callbacksObject.disable();
// callbacksObjectを無効にする。
実装例（サンプル）
実装例（サンプル）の動作について
- 「Ｂ」ボタンをクリックすると、ボタンの右横に「false」と表示する。
- 「Ａ」ボタンをクリックすると、ボタンの右横に「$callbacksObjectAを無効にしました。」と表示する。
- 「Ｂ」ボタンをクリックすると、ボタンの右横に「true」と表示する。
実装例（サンプル）のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
function sampleFn( $arg1 ) {
jQuery( this ).text( $arg1 );
}
var $callbacksObjectA = jQuery.Callbacks();
$callbacksObjectA.add( sampleFn );
var $callbacksObjectB = jQuery.Callbacks();
$callbacksObjectB.add( sampleFn );
jQuery( "#sampleButtonA" ).on( "click", function() {
$callbacksObjectA
.fireWith( jQuery( '#sampleOutputA' ), [ '$callbacksObjectAを無効にしました。' ] )
.disable();
} );
jQuery( "#sampleButtonB" ).on( "click", function() {
$callbacksObjectB.fireWith( jQuery( '#sampleOutputB' ), [ $callbacksObjectA.disabled() ] );
} );
} );
// -->
</script>
<!--
jQuery( function() {
function sampleFn( $arg1 ) {
jQuery( this ).text( $arg1 );
}
var $callbacksObjectA = jQuery.Callbacks();
$callbacksObjectA.add( sampleFn );
var $callbacksObjectB = jQuery.Callbacks();
$callbacksObjectB.add( sampleFn );
jQuery( "#sampleButtonA" ).on( "click", function() {
$callbacksObjectA
.fireWith( jQuery( '#sampleOutputA' ), [ '$callbacksObjectAを無効にしました。' ] )
.disable();
} );
jQuery( "#sampleButtonB" ).on( "click", function() {
$callbacksObjectB.fireWith( jQuery( '#sampleOutputB' ), [ $callbacksObjectA.disabled() ] );
} );
} );
// -->
</script>
HTML
<p>
<button id="sampleButtonA">Ａ</button>
<span id="sampleOutputA"></span>
</p>
<p>
<button id="sampleButtonB">Ｂ</button>
<span id="sampleOutputB"></span>
</p>
<button id="sampleButtonA">Ａ</button>
<span id="sampleOutputA"></span>
</p>
<p>
<button id="sampleButtonB">Ｂ</button>
<span id="sampleOutputB"></span>
</p>