jquery - Jquery UI 对话框按钮确认打开 URL

Question

我似乎无法弄清楚这一点。一旦你点击按钮，它应该会打开一个对话框来确认你是否想继续'进入这个链接'（例如google.com）。如果是，它应该将您定向到该链接。但是，我找不到解决它的方法。我有两个带有不同链接的按钮。

在这里查看 jsfiddle

HTML：

<button class="open" onclick="window.open('http://google.com')">Google</button>
<button class="open" onclick="window.open('http://yahoo.com')">Yahoo</button>

<div class="unique">Are you sure you want to continue?</div>

JS：

$(function() {
    $('.open').on("click", function(e) {
        var link = this;

        e.preventDefault();

        $('.unique').dialog({
            buttons: {
                "Ok": function() {
                    window.location = link.href;
                },
                "Cancel": function() {
                    $(this).dialog("close");
                }
            }
        });
    });
});

CSS：

.unique {display: none;}

---

但如果我使用以下（http://jsfiddle.net/mJwMu/） - 它工作正常。但是，我只能指向一个链接。事实并非如此——我希望能够指向多个链接。(google.com/yahoo.com/msn.com/etc)

HTML：

<button class="open">Google</button>

<div class="unique">Are you sure you want to continue?</div>

JS：

$(function() {
    $('.open').on("click", function(e) {
        var link = this;

        e.preventDefault();

        $('.unique').dialog({
            buttons: {
                "Ok": function() {
                    window.open('http://google.com');
                },
                "Cancel": function() {
                    $(this).dialog("close");
                }
            }
        });
    });
});

CSS：

.unique {显示：无；}

感谢您的帮助！

Answer 1

HTML

<button class="open" data-href="http://www.google.com">Google</button>
<button class="open" data-href="http://www.yahoo.com">Yahoo</button>
<div class="unique">Are you sure you want to continue?</div>

jQuery

$(function () {
    $('.open').on("click", function (e) {
        var link = this;

        e.preventDefault();

        $('.unique').dialog({
            buttons: {
                "Ok": function () {
                    window.open($(link).attr("data-href"));
                    $(this).dialog("close");
                },
                "Cancel": function () {
                    $(this).dialog("close");
                }
            }
        });
    });
});