2015-05-14 83 views
0

我有這個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> 
+0

爲什麼需要這種形式(而不是僅僅會被重定向鏈接到'註銷等()'方法)? –

+0

我只是使用默認值,就像我開始新項目時的樣子 –

回答

2

我不知道爲什麼你要做出一個<li>點擊,但在這裏你去...

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

我建議只是讓你的註銷頁面簡單的GET和只是超鏈接到它從一個普通<a href="..."標籤,而不是li雖然

0

如果你想做到這一點使用jQuery,你可以做到以下幾點:

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

本質上,當您單擊帶有#log-out-li ID的li元素時,它將執行將窗口位置更改爲註銷鏈接中定義的href的匿名函數。

資源:

.click() | jQuery API Documentation

.attr() | jQuery API Documentation