0

我希望使用 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。

但是,无论我单击确定或取消,它仍然没有任何反应。任何想法?

4

1 回答 1

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");
于 2011-05-05T02:49:29.500 回答