如何防止来自禁用纸张按钮的jquery点击事件

Question

我将我的网络应用程序从bootstrap + jQuery移植到Polymer + jQuery，我的应用程序的许多代码处理这样的点击事件：

$("#my-button").on("click", function() ...)

#my-button 是一个标签BUTTON或A，当我使用bootstrap时，点击事件在禁用类时不会触发。

现在，Polymer使用禁用属性而不是＆＃34;禁用＆＃34;类禁用纸张按钮，＆＃34;点击＆＃34;即使实际被禁用，也会被触发。 我怎样才能防止这种情况发生？感谢。

Answer 1

在对bootstrap进行研究后，我找到了答案：

paper-button[disabled], paper-icon-button[disabled] {
  pointer-events: none;
}

将它添加到你的CSS中，不再痛苦。

Answer 2

添加以下内容将自动获取已禁用的课程。

$("#btn").click(function(event){
   event.preventDefault();
   $('button').prop('disabled', true);
});

Answer 3

您可以通过检查类/属性已禁用来使用jQuery执行此操作。

$("#my-button").on("click", function(){
if($(this).attr("class") == "disabled")
  return;
....
....your rest of the code here
});

如果您已移植到Polymer，请将.attr（＆＃34; class＆＃34;）替换为您的属性＆＃34; data＆＃34;。