jQuery UI 删除确认回调函数

Question

我希望使用 jQuery UI 来实现删除确认。我想使用链接来触发对话框。这是我的代码：

<a href="http://www.google.com" class="delete">delete</a>

<script type="text/javascript">
        $(function(){

            $( "#dialog-confirm" ).dialog({
                resizable: false,
                height:140,
                modal: true,
                autoOpen: false,
                buttons: {
                    "Okay": function() {
                        $( this ).dialog( "close" );
                        return true;
                    },
                    Cancel: function() {
                        $( this ).dialog( "close" );
                        return false;
                    }
                }
            });

            $( ".delete" ).click(function() {
                $( "#dialog-confirm" ).dialog( "open" );
                return false;
            });

        });
    </script>

我想要做的是，当用户单击取消时，它什么也不做。但是当用户点击ok之后，它会继续访问www.google.com。

但是，无论我单击确定或取消，它仍然没有任何反应。有什么想法吗？

Answer 1

即使你这样做：

$("a.delete").trigger("click");

您仍然无法访问 google，因为在它调用处理程序之后，jQuery 会在对象上触发一个事件。如果元素不是链接，它只会为点击事件调用原生处理程序。

你可以这样做：

window.location.href = $("a.delete").attr("href");

或者，您可以在页面上有一个隐藏链接，如下所示：

<a href="http://www.google.com" class="hiddenDelete" style="display:none">delete</a>

然后，点击“打开”按钮，您可以这样做：

$("a.hiddenDelete").trigger("click");