单击后禁用<a>

Disable <a> after click on it

本文关键字：单击      更新时间：2023-09-26

我有以下问题。下面的代码为我提供了一个链接，用于执行表中行的删除。

此链接调用确认，以便用户确认或不确认删除。

我想做的是在确认<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>

作为快速修复，您只需将： this.onclick = function() {return false;}添加到事件处理程序。

但作为一个更强大的解决方案，你真的，真的，真的不应该使用内联事件处理程序，尤其是对于如此复杂的东西。

with 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;
    });
});

1 - CSS> 创建一个禁用的类; 

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

2-使用jQUERY更改类;

$( "#AchorID" ).toggleClass( className, addOrRemove );
相关文章：