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

我不确定你为什么想要document.getElementById('log-out-li').addEventListener('click', function() { document.getElementById('logoutForm').submit(); });点击，但是你去了......

<a href="..."

我建议只是让你的注销页面变成一个简单的GET，只是从常规的li标签而不是test = [['Hello my name is Py. How are you today?'],['The world is a great place. Another sentence.']] import itertools print list(itertools.chain(*test))而不是{{1}}的超链接

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 Documentation

.attr() | jQuery API Documentation

远程触发链接

2 个答案: