javascript - Jquery/bootstrap 禁用按钮

Question

嘿，我一直在寻找使用 JQuery 或修改 Twitter Bootstrap 类的解决方案，以防止按钮执行其 onclick 操作，也就是禁用它。然而，到目前为止 iv 发现的结果并没有正确执行，并且大多只是给出了被禁用的外观但仍然正确执行:

$("#previous").prop('disabled', true);
$("#next").prop('disabled', true);

目的是防止在标签索引过高或过低时交换标签。对于看似相对简单的功能，大多数其他解决方案似乎都包含大量看似不必要的 Javascript。

比如这个:

$("#previous").click(function() {
  var me = $(this);
  me.unbind( "click");            
})

这应该会删除绑定(bind)函数，但也意味着在选项卡索引增加时重新附加事件。是否有更简单的解决方案可用于临时禁用按钮或只是阻止执行默认操作而不删除事件或不显示按钮元素？

任何帮助将不胜感激:)

Answer 1

如果您使用的是 twitter bootstrap，那么已经为您实现了这个行为。

您只需更改要禁用的元素的类 .disabled。

喜欢:

$("#previous").addClass('disabled');