jquery - 我的按钮是空白的（使用模态，jquery）

Question

这是我的脚本，我在其中设置按钮的文本。

$(document).ready(function () {

        $("#dialog-confirm").dialog({
            autoOpen: false,
            modal: true,
            resizable: false,
            height: 150,
            buttons: [
                {
                    text: "Confirm",
                    click: function() {
                        window.location.href = targetUrl;
                    }
                },
                {
                    text: "Cancel",
                    click: function() {
                        $(this).dialog("close");
                    }
                }]
        });

        $(".deleteLink").click(function (e) {
            e.preventDefault();
            var targetUrl = $(this).attr("href");
            $("#dialog-confirm").dialog("open");
        });

    });

这是我的html代码

<div id="dialog-confirm" title="Delete" > 
    <p><span class="ui-icon ui-icon-alert"></span>Are you sure you would want to delete?
</div> 

有人能看到这里有什么问题吗？我认为它可能是我的 CSS，但我使用标准引导程序，我找不到任何问题。

编辑：哦，这就是我检查按钮时的样子

<button type="button" text="Confirm"></button>

这是一张图片：

结束编辑：所以，jquery 的 ui 1.8.22 似乎不起作用，但 1.8.23 可以。这个怎么可能？

Answer 1

更改按钮定义方式：

$("#dialog-confirm").dialog({
    autoOpen: false,
    modal: true,
    resizable: false,
    height: 150,
    buttons: {
        "Confirm": function() {
            window.location.href = targetUrl;
        },
        Cancel: function() {
            $(this).dialog("close");
        }
    }
});

取自这里

Answer 2

要解决按钮问题，请根据 jQuery 文档或下面的示例更改脚本。此外，如果您想将 targetUrl 传递给对话框，您可以这样做：

$(document).ready(function() {

    $(".deleteLink").click(function(e) {

        e.preventDefault();
        var targetUrl = $(this).attr("href");

        $("#dialog-confirm").dialog({
            autoOpen: true,
            modal: true,
            resizable: false,
            height: 150,
            buttons: {
                "Confirm": function() {
                    window.location.href = targetUrl;
                },
                "Cancel": function() {
                    $(this).dialog("close");
                }
            }
        });

        return false;
    });
});​