Question

我无法创建一个按钮，如果我想继续打开URL链接，会弹出一个“确认”对话框。但是，当我点击“谷歌”按钮时，它会自动将我引导到谷歌网站，然后我甚至点击“确定”查看。我不知道我做错了什么。

您可以在此处查看jsfiddle：http://jsfiddle.net/uRGJD/76/

HTML：

<button class="open" onclick="window.open('http://google.com')">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.location = link.href;
                },
                "Cancel": function() {
                    $(this).dialog("close");
                }
            }
        });
    });
});

CSS：

.unique {display: none;}

先谢谢你了！

Answer 1

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

从<button>删除onclick事件。

另外，您只是创建了jQueryUI对话框。你需要真正需要打开它。我建议查看这个小部件的jQueryUI文档。

Answer 2

问题是你正在调用window.open函数内联。

把它放在一个名为doGoogle或其他东西的函数中。然后将doGoogle函数放入ok函数调用中。

只要div存在就像

那样，

.dialog会初始化对话框的打开

贾德森

Answer 3

我使用的另一种方法是将我的.dialog包装在像showDialog（URL）这样的函数中

这样您就可以将URL传递给按钮

所以你会这样称呼：onclick =＆＃34; showDialog（＆＃34; google.com＆＃34;）

然后你的按钮会有

window.location.href = URL

希望这会有所帮助。

打开URL之前，jQuery对话框按钮确认

3 个答案: