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，但我使用标准的bootstrap，我不能发现它有任何问题。

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

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

还有一张照片： enter image description here

结束编辑：所以，似乎uq 1.8.22的jquery dosn工作，但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");
        }
    }
});

取自here

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;
    });
});

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

2 个答案: