2016-11-07 6 views
0

私はChosenプラグインを使用していて、アイテムの「X」または閉じるボタンをクリックするとイベントをキャッチします。しかし、このイベントは解雇されたり捕らえられたりしていないようです。選択した閉じるボタンのクリックをキャッチできません

$(document).on('click', 'a.search-choice-close', function(e){ 
    alert('asd'); 
    }); 

これはHTMLです:

<ul class="chosen-choices"> 
<li class="search-choice"> 
<span>a</span> 
<a class="search-choice-close" data-option-array-index="0"></a> 
</li> 
<li class="search-choice"> 
<span>asd</span> 
<a class="search-choice-close" data-option-array-index="1"></a> 
</li> 
<li class="search-field"> 
<input value="Choose Stamps" class="" autocomplete="off" style="width: 25px;" type="text"> 
</li> 
</ul> 
+2

セレクタが正しいですか?親要素がclickイベントをトラップし、 'stopPropagation()'をコールする可能性があります。 –

+0

または「ライブ」の使用が可能です –

答えて

0

私は二つのことをしようとするだろう。

  1. セレクタが正しいことを確認します。

    document.querySelector( "a.search-choice-close");

  2. ハンドラが登録された時点でその要素が存在することを確認します。

編集: また、jQueryを使用しています。コンソールにjQueryエラーがないことを確認してください。

+0

セレクタが正しいです。リンク 'a'は動的なものです。 – coffeeak

+0

ダイナミックではどういう意味ですか?後でページに追加されますか? – xszaboj

関連する問題