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

使用JQuery对话框 每次加载页面时都会显示该对话框。我只希望在单击“删除发票”时显示该对话框

我试过：

然后将实际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的初学者，所以请耐心等待。

---

谢谢

您有一个额外的尾随

}）就在你最后一个右括号之前，把它拿出来，它就会起作用

另外，在我的提琴中，您会看到我在jQuery中添加了click事件，因为HTML中的
onclick
被认为是不好的做法。为此，我补充说：

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

请参见此处：
您将javascript放在哪里？head？try:
$（'RemoveInvoice'）。在（'click'，function（）{}）上
并将ConfirmDeleteInvoice中的所有内容放在该匿名函数中，并从元素中删除onclick。您只需将
ConfirmDeleteInvoice（）
函数放在单击处理程序中即可。。顺便说一句，我不知道你是否粘贴了代码，但它有一些额外的括号