點擊它後禁用<a>

我遇到以下問題。下面的代碼給了我一個鏈接來執行刪除表中的一行。點擊它後禁用<a>

該鏈接調用確認，以便用戶確認是否刪除。

我想要做的是在確認<a>變爲禁用之後。我該怎麼做？

<a class="actionIcon" onclick="if (confirm('Tem a certeza que quer fechar o ticket \&quot;You can \&quot;?')) { var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'post'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', 'sf_method'); m.setAttribute('value', 'delete'); f.appendChild(m);var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_csrf_token'); m.setAttribute('value', 'cd78fd1b6aa79fa78c338a94951912f2'); f.appendChild(m);f.submit(); };return false;" href="/qdPM/index.php/tickets/delete/id/4162/projects_id/71/redirect_to/ticketsList"><img title="Fechar" class="iconDelete"></a>

來源

2014-12-01 RitxPT

你已經在操縱表單，所以你試圖自己解決這個問題？ – kero 2014-12-01 17:22:47

我的天啊，爲什麼地球上都是INLINE？創建一個函數，調用它，並添加一個類來禁用鏈接！編輯：我的滾動只是自殺。 – briosheje 2014-12-01 17:23:05

大聲笑，如果你已經使用onClick ...然後刪除一個標籤，放在另一個元素上，onClick檢查一個var，確認後把var與不同的值和voilà，問題解決了！ – 2014-12-01 17:24:21

作爲一種快速修復，您可以簡單地將：this.onclick = function() {return false;}添加到您的事件處理程序中。

但作爲一個更強大的解決方案，你真的，真的，真的不應該使用內聯事件處理程序，尤其不適合的東西太複雜。

來源

2014-12-01 17:23:03

與jquery

<a class="actionIcon" id="action"><img title="Fechar" href="/qdPM/index.php/tickets/delete/id/4162/projects_id/71/redirect_to/ticketsList" class="iconDelete"></a> 

$(function() 
{ 
    $("#action").click(function() 
    { 
     if (confirm('Tem a certeza que quer fechar o ticket \&quot;You can \&quot;?')) 
     { 
      var f = document.createElement('form'); 
      f.style.display = 'none'; 
      this.parentNode.appendChild(f); 
      f.method = 'post'; 
      f.action = this.href; 
      var m = document.createElement('input'); 
      m.setAttribute('type', 'hidden'); 
      m.setAttribute('name', 'sf_method'); 
      m.setAttribute('value', 'delete'); 
      f.appendChild(m); 
      var m = document.createElement('input'); 
      m.setAttribute('type', 'hidden'); 
      m.setAttribute('name', '_csrf_token'); 
      m.setAttribute('value', 'cd78fd1b6aa79fa78c338a94951912f2'); 
      f.appendChild(m); 
      f.submit(); 
     } 

     $(this).attr("disabled", true); 
     return false; 
    }); 
});

來源

2014-12-01 17:39:46

1 - CSS>創建有殘疾的類;

a.ActiveAnchor { 
    pointer-events: none; 
    cursor: default; 
}

2-使用jQUERY更改類;

$("#AchorID").toggleClass(className, addOrRemove);

來源

2014-12-01 17:49:35

點擊它後禁用<a>

回答

相關問題