Question

我有这样的JQuery Dialog。

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

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

   .....
      $("#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％确定这是否有效，但由于您正在使用对话框方法，我认为对话框本身是在加载文档并执行该函数后创建的。

Jquery对话框按钮单击无法正常工作

1 个答案: