1

これは私のスクリプトで、ボタンのテキストを設定します。

$(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 は機能します。それはどうしてですか？

4

2 に答える 2

1

ボタンの定義方法を変更します。

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

ここから撮影

于 2012-08-27T06:37:02.320 に答える
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;
    });
});​
于 2012-08-27T06:37:44.337 に答える