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

我似乎无法理解这一点。一旦你点击按钮，它会打开一个对话框，确认你是否想继续“进入这个链接”（即google.com）。如果是，则应将您指向该链接。然而，我找不到一种方法来解决这个问题。我有两个不同链接的按钮

查看JSFIDLE

HTML:

CSS:

---

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

HTML:

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

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

$(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{显示：无；}

谢谢你的帮助

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>

---

您试图在不存在href属性的情况下使用href属性（

window.location=link.href；

）（

Google

）。不客气，一定要点击答案旁边的复选框，让所有人都知道您有一个有效的答案。

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

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

$(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");
                }
            }
        });
    });
});

<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>

$(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");
                }
            }
        });
    });
});