禁用Twitter引导按钮(链接)

时间:2014-06-23 08:10:54

标签: javascript jquery html twitter-bootstrap twitter-bootstrap-3

禁用推特按钮( LINK )的实际和工作方式是什么?他们大多建议它是:

$("#my_btn").prop("disabled", true); //1
//or
$("#my_btn").attr("disabled", true); //2

但这确实 NOT 工作。有什么用?

3 个答案:

答案 0 :(得分:3)

链接实际上没有disabled属性。

相反,您需要添加.disabled css类。

$("#my_btn").addClass("disabled");

http://getbootstrap.com/css/#buttons-disabled(关于主播元素的部分

根据下面的讨论,您应该注意到这并不是在所有浏览器中实际禁用链接的可靠方法。它只使用CSS的pointer-events: none,它不如disabled元素上的<button>属性强大。

答案 1 :(得分:1)

您使用的jQuery版本是什么?如果您需要禁用链接,可以使用此jQuery命令将CSS类.disabled添加到该链接:

$("#my_btn").addClass("disabled");

以下代码适用于 INPUT

jQuery 1.6 +

$("input").prop('disabled', true);
$("input").prop('disabled', false);

jQuery 1.5及以下

$("input").attr('disabled','disabled');
$("input").removeAttr('disabled');

在任何版本的jQuery中

// assuming an event handler thus 'this'
this.disabled = true;

你可以查看这个主题:Disable/enable an input with jQuery?,在这里你会找到你希望的答案:)

答案 2 :(得分:0)

这很简单!

只需添加已停用类。 禁用:

<button class="btn btn-default disabled">Text</button>

非禁用:

  <button class="btn btn-default">Text</button>