jquery - Jquery对话框按钮单击不起作用

Question

我有一个这样的 JQuery 对话框。

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

我的对话框初始化脚本工作正常，我可以用这个脚本打开对话框

   .....
      $("#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();
        });
    });

难道我做错了什么？

Answer 1

尝试这个：

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

不是 100% 确定这是否有效，但由于您使用的是对话框方法，我认为对话框本身是在加载文档并执行函数之后创建的。