Jquery/bootstrap 禁用按钮

Question

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

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

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

像这样：

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

Which is supposed to remove the bound function, however would mean also reattaching the event when the tab index increases.是否有更简单的解决方案可用于暂时禁用按钮或只是防止在不删除事件或不显示按钮元素的情况下执行默认操作？

任何帮助，将不胜感激 ：）

原文由 D3181 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

喜欢：

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

原文由 Erick Gallani 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

让我举一个简单的例子。在这里，单击按钮后按钮将被禁用。

 <button class="btn btn-danger">Click Me</button>

$('.btn-danger').on('click', function() {

    if ($(this).hasClass('disabled')) {
        return false;
    } else {
        $(this).addClass('disabled');
    }
});

原文由 Object Manipulator 发布，翻译遵循 CC BY-SA 3.0 许可协议