JQuery对话框 - 仅在按钮单击时加载

Question

使用JQuery Dialog http://jqueryui.com/dialog/#modal-confirmation每当页面加载时都会出现对话框我只希望在单击“删除发票”时显示该对话框。

我试过了： <input id="RemoveInvoice" type="button" value="Remove Invoice" onclick="ConfirmDeleteInvoice()" />

然后将实际的JS放在ConfirmDeleteInvoice函数中：

  function ConfirmDeleteInvoice() {
      //  $(function () { //removed this line and added the above line
        $("#dialog-confirm").dialog({
            resizable: false,
            height: 140,
            modal: true,
            buttons: {
                "Are you sure you want to delete this invoice": function () {
                    $(this).dialog("close");
                },
                Cancel: function () {
                    $(this).dialog("close");
                }
            }
        });
    });
    }

错误：JavaScript运行时错误：'ConfirmDeleteInvoice'未定义

对不起还是JS的初学者所以请耐心等待。 谢谢

Answer 1

你有一个额外的尾随}); 就在你的最后一个结束支架之前，把它取出来它会起作用。

另外，在我的小提琴中你会看到我在jQuery中添加了click事件，因为HTML中的onclick被认为是不好的做法。 我这样做是通过添加：

$("#RemoveInvoice").click(ConfirmDeleteInvoice);

见这里： http ： //jsfiddle.net/P4VHw/