jQuery用指针evesents删除上课，无效

Question

我有一个类：

.disabled {
  pointer-events: none;
}

我使用jQuery删除它：

$('#button').removeClass('disabled')

和类被禁用，但是单击此链接仍然不起作用 - 单击它不会重定向到HREF链接（实际上，什么也没有发生）。

另一方面，如果我在链接上使用attrabled，然后使用

将其删除

$('#button').prop('disabled', false)

它确实有效...

但是，在我的项目上，开发人员正在使用"禁用"类来禁用链接（不确定为什么），所以我想坚持下去，任何建议？

ps。删除类"禁用"检查$('#button').css('pointer-events')返回auto之后，它应该起作用，我迷路了。

我的示例：

<a id='my-button' href="www.google.com" class='disabled' style="display: block;"><i class="pti pt-trophy"></i><span>Click me</span></a>

CSS：

a.disabled {
    pointer-events: none;
}

单击其他Div后，我更改此链接HREF并删除类：

$("#my-button").attr('href', result['success']['new_link']);
$("#my-button").removeClass('disabled');

（结果是一个对象凸线ajax结果和新链接，已多次检查，它是定义和正确的，控制台不会丢任何错误，所以服务器也是如此）

Answer 1

也许您在代码中缺少某些内容，我为您做了一个工作示例：

$("button:first").click(function(){
    $("button:last").toggleClass("disabled")
    $("button:last").text(function(i, text){
          return text === "Disabled" ? "Click me" : "Disabled";
      })
});
$("button:last").click(function(){
    console.log("clicked")
});

.disabled {
  pointer-events: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button">Toggle Disable for bottom button</button><br><br>
<button type="button" class="disabled">Disabled</button>