jQuery API の callbacks.has( callbacks ) は、コールバックオブジェクトに、引数「callbacks」に指定したコールバック関数があるかどうかを調べるメソッド。
記述方法(構文)
callbacks . has( コールバック関数 )
引数
- callbacks / コールバック関数
コールバックオブジェクトにあるかどうかを調べたいコールバック関数名を指定する。
戻り値
- Boolean
booleanType(論理型)。
コールバックオブジェクトに、指定したコールバック関数があれば、「true」を返す。
コールバックオブジェクトに、指定したコールバック関数がなければ、「false」を返す。
記述例
var callbacksObject = jQuery . Callbacks();
function コールバック関数名() {
// コールバック関数内の処理文。
}
callbacksObject.add( コールバック関数名 );
// callbacksObjectに「コールバック関数名」のコールバック関数を追加する。
callbacksObject.has( コールバック関数名 );
// callbacksObjectに「コールバック関数名」のコールバック関数があるかどうかを調べる。
function コールバック関数名() {
// コールバック関数内の処理文。
}
callbacksObject.add( コールバック関数名 );
// callbacksObjectに「コールバック関数名」のコールバック関数を追加する。
callbacksObject.has( コールバック関数名 );
// callbacksObjectに「コールバック関数名」のコールバック関数があるかどうかを調べる。
実装例(サンプル)
実装例(サンプル)の動作について
- 「B」ボタンをクリックすると、ボタンの右横に「false」と表示する。
- 「A」ボタンをクリックすると、ボタンの右横に「$callbacksObjectAからsampleFnを削除しました。」と表示する。
- 「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からsampleFnを削除しました。' ] )
.remove( sampleFn );
} );
jQuery( "#sampleButtonB" ).on( "click", function() {
$callbacksObjectB.fireWith( jQuery( '#sampleOutputB' ), [ $callbacksObjectA.has( sampleFn ) ] );
} );
} );
// -->
</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からsampleFnを削除しました。' ] )
.remove( sampleFn );
} );
jQuery( "#sampleButtonB" ).on( "click", function() {
$callbacksObjectB.fireWith( jQuery( '#sampleOutputB' ), [ $callbacksObjectA.has( sampleFn ) ] );
} );
} );
// -->
</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>