jQuery API の callbacks.disabled() は、コールバックオブジェクトが無効かどうかを調べるメソッド。
記述方法(構文)
callbacks . disabled()
戻り値
- Boolean
booleanType(論理型)。
コールバックオブジェクトが無効になっていれば、「true」を返す。
コールバックオブジェクトが無効になっていなければ、「false」を返す。
記述例
var callbacksObject = jQuery . Callbacks();
callbacksObject.add( function() {
// コールバック関数内の処理文。
} );
callbacksObject.disabled();
// callbacksObjectが無効になっていれば「true」、無効になっていなければ「false」を返す。
callbacksObject.add( function() {
// コールバック関数内の処理文。
} );
callbacksObject.disabled();
// callbacksObjectが無効になっていれば「true」、無効になっていなければ「false」を返す。
実装例(サンプル)
実装例(サンプル)の動作について
- 「B」ボタンをクリックすると、ボタンの右横に「false」と表示する。
- 「A」ボタンをクリックすると、ボタンの右横に「$callbacksObjectAを無効にしました。」と表示する。
- 「B」ボタンをクリックすると、ボタンの右横に「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">A</button>
<span id="sampleOutputA"></span>
</p>
<p>
<button id="sampleButtonB">B</button>
<span id="sampleOutputB"></span>
</p>
<button id="sampleButtonA">A</button>
<span id="sampleOutputA"></span>
</p>
<p>
<button id="sampleButtonB">B</button>
<span id="sampleOutputB"></span>
</p>