2013-07-16 28 views
5

jQueryで選択されたプラグインを使用して、ページに何度も表示される単純なSELECTがあります。選択の先頭には、「新規追加」オプションがあります。ユーザーが[新規追加]をクリックすると、ダイアログボックスが表示されます。Javascript/jQuery選択されたオプションが再選択されたときの要素イベントの選択

jQueryのクリックイベントを使用すると、簡単で、初めて正常に動作します。ただし、ユーザーがダイアログボックスをキャンセルしてから[新規追加]を再度クリックすると、クリックイベントは発生しません。

クリックイベントハンドラをオプション自体に追加しようとしましたが、成功しませんでした。私はまた、選択したプラグインなしでそれを試しました、そして運はありません。私は選択が問題だとは思わない。

は、ここでの問題を示す簡単なjsfiddleです:http://jsfiddle.net/7cMEg/

$('.cls').chosen().change(function() { if ($(this).val()==='-1') alert('clicked'); }); 

クリックして選択ボックスに、新規追加選びます。アラートが表示されます。しかし、[Add New]が選択されたので、選択ボックスをクリックし、[Add New]を再度クリックすると何も起こりません。クリックイベントは発生しません。私は使用できる別のイベントはありますか?それ以外の提案(多分非構造化ハイパーリンク)?

+1

あなたは 'New'を追加二度目に –

答えて

2

イベントがchangeでトリガーされ、clickではトリガーされません。 2回目のクリックで値が変更されないので、アラートは表示されません。クリックで

表示警告 - fiddle

+1

OK、感謝をクリックしている際に起こって変化がないので、それがあります。 Safari v6.0.5(私のデフォルトブラウザ)ではあなたのフィドルが動作しません。また、Chrome v28.0.1500.71では動作しません。 Firefox v22.0で動作します。私はIEを試して気にしていない。セレクタから「オプション」を削除すると、Safariでは動作しますが、Chromeではまだ動作せず、Firefoxでは(選択ボックスのクリックと解除をトリガーにして)やや迷惑になります。 –

+0

@BumptiousQBangwhistle:完全な既製のソリューションではありません。私はどこでもそれを試してhavent、そうする時間がありません。ちょうど問題を指摘したい。これが解決策に手を差し伸べるのに役立つかもしれません。 – xyz

関連する問題