在回调函数中调用href

Question

我的页面中有一个用于注销的锚标记。

<a href="/logout/" id="lnk-log-out" />

这里我显示了一个弹出窗口，用于通过 jQuery UI 对话框进行确认。

如果用户在对话框中单击“是”，则必须执行链接按钮的默认操作，我的意思是 href="/logout"。

如果没有点击，弹出框应该会消失。

jQuery 代码

 $('#lnk-log-out').click(function (event) {
            event.preventDefault();
            var logOffDialog = $('#user-info-msg-dialog');

            logOffDialog.html("Are you sure, do you want to Logout?");
            logOffDialog.dialog({
                title: "Confirm Logout",
                height: 150,
                width: 500,
                bgiframe: true,
                modal: true,
                buttons: {
                    'Yes': function () {
                        $(this).dialog('close');
                        return true;
                    },
                    'No': function () {
                        $(this).dialog('close');
                        return false;
                    }
                }
            });

        });
    });

问题是当用户单击“是”时，我无法触发锚点的 href。

我们该怎么做？

编辑：现在我是这样管理的

'Yes': function () {
                        $(this).dialog('close');
                        window.location.href = $('#lnk-log-out').attr("href");
                    }

Answer 1

在触发“是”时调用的匿名函数中，您希望执行以下操作而不是仅返回 true：

1. 获取 href（您可以使用 $('selector').attr('href'); 轻松获取）
2. 将window.location.href 执行到您在第 1 点中抓取的网址

如果您希望 a 标记仅用于其目的，请删除任何 preventDefault() 或 stopPropagation()。这里我提供了两种不同的方式:)

不要使用document.location，而是使用window.location.href。你可以看到为什么here。

您在“是”调用中的代码应该看起来像，当然插入了您的代码：

'Yes': function () {
            // Get url
            var href = $('#lnk-log-out').attr('href');
            // Go to url
            window.location.href = href;
            return true; // Not needed
     }, ...

注意：感谢以下 cmets 中的 Anthony：使用 window.location.href = ... 而不是 window.location.href()，因为它不是函数！

Answer 2

我在很多项目中都使用过这个，所以我建议window.location.href

'Yes': function () {
                        $(this).dialog('close');
                         window.location.href="your url"    
                        return true;
                    },