ページに何度も表示される、jQuery を選択したプラグインを使用した単純な SELECT があります。選択の上部には、「新規追加」オプションがあります。アイデアは、ユーザーが [新規追加] をクリックした場合にダイアログ ボックスを表示することです。
jQuery クリック イベントを使用すると、簡単で、初めてでも問題なく動作します。ただし、ユーザーがダイアログ ボックスをキャンセルしてから [新規追加] を再度クリックすると、クリック イベントは発生しません。
オプション自体にクリック イベント ハンドラを追加しようとしましたが、成功しませんでした。また、選択したプラグインなしで試してみましたが、うまくいきませんでした。選んだこと自体は問題ないと思います。
問題を示す簡単な jsfiddle を次に示します: http://jsfiddle.net/7cMEg/
$('.cls').chosen().change(function() { if ($(this).val()==='-1') alert('clicked'); });
選択ボックスをクリックし、[新規追加] を選択します。アラートが表示されます。しかし、[新規追加] が選択されたので、選択ボックスをクリックして [新規追加] を再度クリックしても、クリック イベントは発生しません。他に使用できるイベントはありますか？他に提案はありますか (おそらくスタイルのないハイパーリンク)?