我的按钮是空白的(使用模态,jquery)

时间:2012-08-27 06:26:21

标签: jquery asp.net-mvc

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

$(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确实如此。怎么会这样?

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:1)

要修复按钮问题,请根据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;
    });
});​