@James Donnelly提供了一个全面的答案，它依赖于用一个新函数扩展jQuery。这是一个很好的想法，所以我要调整他的代码，让它以我需要的方式工作。

延长jQuery

$.fn.disable=-> setState $(@), true
$.fn.enable =-> setState $(@), false
$.fn.isDisabled =-> $(@).hasClass 'disabled'

setState=($el, state) ->
    $el.each ->
        $(@).prop('disabled', state) if $(@).is 'button, input'
        if state then $(@).addClass('disabled') else $(@).removeClass('disabled')

    $('body').on('click', 'a.disabled', -> false)

使用

$('.btn-stateful').disable()
$('#my-anchor').enable()

代码将处理单个元素或元素列表。

按钮和输入支持disabled属性，如果设置为true，它们将看起来是禁用的(多亏了bootstrap)，并且在单击时不会触发。

锚点不支持disabled属性，因此我们将依赖.disabled类使它们看起来是禁用的(再次感谢bootstrap)，并通过返回false连接一个默认的click事件来阻止单击(不需要preventDefault参见这里)。

注意:当重新启用锚时，您不需要取消此事件。简单地删除.disabled类就可以了。

当然，如果你在链接上附加了一个自定义的点击处理程序(在使用bootstrap和jQuery时非常常见)，这就没有帮助了。因此，为了解决这个问题，我们将使用isDisabled()扩展来测试.disabled类，如下所示:

$('#my-anchor').click -> 
    return false if $(@).isDisabled()
    # do something useful

我希望这有助于简化一些事情。

我知道我来晚了，但我要具体回答两个问题:

“我只是想禁用特定的点击内容，以便:

它们停止点击 他们看起来很残疾

这能有多难?”

它们停止点击

1。对于<button>或<input type="button">这样的按钮，您可以添加属性:disabled。

<button type="submit" disabled>Register</button>
<input type="button" value="Register" disabled>

2。对于链接，任何链接…实际上，任何HTML元素，你都可以使用CSS3指针事件。

.selector { pointer-events:none; }

浏览器对指针事件的支持在今天的技术水平上是非常棒的(5/12/14)。但是我们通常必须支持IE领域的传统浏览器，所以IE10及以下不支持指针事件:http://caniuse.com/pointer-events。因此，使用其他人在这里提到的JavaScript解决方案之一可能是传统浏览器的出路。

有关指针事件的更多信息:

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events http://wiki.csswg.org/spec/css4-ui#pointer-events

他们看起来很残疾

显然这是一个CSS的答案，所以:

1。对于<button>或<input type="button">这样的按钮，使用[attribute]选择器:

button[disabled] { ... }

input[type=button][disabled] { ... }

--

下面是我在这里提到的东西的一个基本演示:http://jsfiddle.net/bXm5B/4/

希望这能有所帮助。

注意，如果你使用Bootstrap的JS按钮和“loading”状态，会有一个奇怪的问题。我不知道为什么会发生这种情况，但这里有如何解决它。

假设你有一个按钮，并将其设置为加载状态:

var myButton = $('#myBootstrapButton');
myButton.button('loading');

现在你想把它从加载状态中拿出来，但也要禁用它(例如，按钮是一个保存按钮，加载状态表明正在进行验证，验证失败)。这看起来像合理的Bootstrap JS:

myButton.button('reset').prop('disabled', true); // DOES NOT WORK

不幸的是，这将重置按钮，但不会禁用它。显然，button()执行一些延迟的任务。所以你也必须推迟你的残疾:

myButton.button('reset');
setTimeout(function() { myButton.prop('disabled', true); }, 0);

有点烦人，但这是我经常使用的模式。

我知道我的回答晚了，但在我看来，这是切换按钮“启用”和按钮“禁用”的最简单的方法。

function toggleButtonState(button){

  //If button is enabled, -> Disable
  if (button.disabled === false) {
    button.disabled = true;

  //If button is disabled, -> Enable
  } else if (button.disabled === true) {
    button.disabled = false;
  }
}

我想不出更简单的办法了!: -)

使用锚标签(链接):

<a href="#delete-modal" class="btn btn-danger" id="delete">Delete</a>

要启用Anchor标签:

 $('#delete').removeClass('disabled');
 $('#delete').attr("data-toggle", "modal");

禁用Anchor标签:

 $('#delete').addClass('disabled');
 $('#delete').removeAttr('data-toggle');

如果你想禁用可点击，你也可以在html中添加内联这个

style="cursor: not-allowed;"