Question

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

此链接调用确认，以便用户确认是否删除。

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

Answer 1

作为快速解决方法，您只需向事件处理程序添加：this.onclick = function() {return false;}。

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

Answer 2

使用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;
    });
});

Answer 3

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

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

2-用jQUERY更改课程;

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

禁用<a> after click on it</a>

3 个答案: