1

このようなJQueryダイアログがあります。

  <div id="dialog-form" title="TEST">
         <button id="button1" >BUTTON</button>
  </div>

DialogのInitスクリプトは正常に機能し、このスクリプトでダイアログを開くことができます

   .....
      $("#dialog:ui-dialog").dialog("destroy");

        $("#dialog-form").dialog({
            autoOpen: false,
            height: 480,
            width: 780,
            modal: true,
            buttons: {
                Cancel: function () {
                    $(this).dialog("close");
                }
            },
            close: function () {
                $("#dialog-form").hide();
            }
        });
        $("#dialog-form").dialog("open");
    .....

しかし、idのボタンでもクリックを取得しようとすると取得button1できません

     $(function () {
        $("#dialog-form").hide();
        $("#button1").click(function (e) {
            alert('clicked Button 1');
            e.preventDefault();
        });
    });

私は何か間違ったことをしていますか？

4

1 に答える 1

0

これを試して：

$('body').on('click','#button1',function (e) {
    alert('clicked Button 1');
    e.preventDefault();
});

これが機能しているかどうかは100％確信が持てませんが、ダイアログメソッドを使用しているため、ドキュメントがロードされて関数が実行された後にダイアログ自体が作成されると思います。

于 2013-01-22T07:32:56.180 に答える