javascript - jQueryダイアログ内でクリックイベントが機能しない

Question

jQuery UI ダイアログのヘルプで開くフォーム ページがあるという問題が発生しました。しかし、このページでは、一部のオブジェクトで .click イベントを使用する必要がありますが、機能しません。この場合のコードは、そのページの単純な alert() テストです。

<input type='text' class='input_date' value='' readonly />

そのため、そのダイアログフォーム内の入力フィールドをクリックするとアラートが表示されます。

$('.input_date').click(function() {
    alert('hi')
});

何が問題なのですか、どうすればこの仕事を得ることができますか? ありがとう

Answer 1

ダイアログ HTML が動的に生成される場合、クリック コールバックは「.input_date」要素に添付されません。代わりにこれを使用してください：

$('.input_date').live('click',function() {
    alert('hi')
});

Answer 2

次のように、クリック イベントを open コールバックに入れます。

$( ".selector" ).dialog({
    open: function( event, ui ) {
       $('.input_date').click(function(){
          alert("hi!");
       });
   }
});

Answer 3

次のように属性を読み取り専用に設定するだけで問題なく動作します。

<input type='text' class='input_date' value='' readonly="readonly">




         $('.input_date').click(function () {

              alert('hello');
          });