Question

使用JQuery对话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/

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

1 个答案: