远程触发链接

Question

我有这个sidemenu和一个这样的注销表单(默认由mvc生成)

如何才能使用户在<li>元素上单击时触发注销链接？

我想知道一些内嵌的Javascript或者什么东西能起作用吗？

            <li id="log-out-li">
                @using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm" }))
                {
                    @Html.AntiForgeryToken()
                    <a href="javascript:document.getElementById('logoutForm').submit()"><i class="fa fa-sign-out fa-fw"></i> Log out</a>
                }
            </li>

Answer 1

我不知道为什么你会想让<li>点击，但给你.

document.getElementById('log-out-li').addEventListener('click', function() {
    document.getElementById('logoutForm').submit();
});

我建议您将注销页面变成一个简单的GET，只需从常规的<a href="..."标记(而不是li )链接到它。

Answer 2

如果要使用jQuery完成这一任务，可以执行以下操作：

$("#log-out-li").click(function() {
  window.location.href = $("#ID_of_your_log-out_link").attr("href");
});

本质上，当您单击带有li ID的#log-out-li元素时，它将执行匿名函数，该函数将窗口的位置更改为在注销链接中定义的href。

资源：

.click() / jQuery API文档

.attr() / jQuery API文档