下面是一些工作代码:http://jsfiddle.net/mihaifm/W7XNU/200/

$('body').tooltip({
    selector: '[rel="tooltip"]'
});

$(".btn").click(function(e) {
    if (! $(this).hasClass("disabled"))
    {
        $(".disabled").removeClass("disabled").attr("rel", null);

        $(this).addClass("disabled").attr("rel", "tooltip");
    }
});

其思想是将工具提示添加到带有选择器选项的父元素中，然后在启用/禁用按钮时添加/删除rel属性。

无法在禁用按钮上显示工具提示。这是因为禁用的元素不会触发任何事件，包括工具提示。最好的方法是假装按钮已禁用(这样它的外观和行为就像已禁用一样)，这样您就可以触发工具提示。

如。Javascript:

$('[rel=tooltip].disabled').tooltip();

$('[rel=tooltip].disabled').bind('click', function(){
     return false;
});

而不仅仅是$('[rel=tooltip]').tooltip();

HTML:

<hr>
<button class="btn disabled" rel="tooltip" data-title="Dieser Link führt zu Google">button disabled</button>

<button class="btn" rel="tooltip" data-title="Dieser Link führt zu Google">button not disabled</button>

JSFiddle: http://jsfiddle.net/BA4zM/75/

如果这对任何人都有帮助的话，我可以让一个禁用按钮显示一个工具提示，只需在其中放置一个span，并在那里应用工具提示的东西，angularjs围绕它…

<button ng-click="$ctrl.onClickDoThis()"
        ng-disabled="!$ctrl.selectedStuff.length">
  <span tooltip-enable="!$ctrl.selectedStuff.length"
        tooltip-append-to-body="true"
        uib-tooltip="Select at least one thing to enable button.">
    My Butt
  </span>
</button>

只需将禁用类(而不是disabled属性)添加到按钮，即可使其可见地禁用。

<button class="btn disabled" rel="tooltip" data-title="Dieser Link führt zu Google">button disabled</button>

注意:这个按钮只是看起来是禁用的，但它仍然会触发事件，你只需要注意这一点。

我在动态控件上也有同样的问题，所以我只是简单地这样做，设置样式属性并启用只读属性= true，当我们需要禁用元素时，但如果用户单击输入按钮控件，则显示工具提示。

是禁用停止所有事件功能，如ObBlur, onClick /OnFocus。代替下面的线:

((document.getElmentByName (MYINPUTBTN) .item(0)))。禁用= true。

我们可以通过下面的代码，工具提示将在禁用输入按钮元素中启用。

（（document.getElmentByName（'MYINPUTBTN'）.item（0）））.setAttribute（“style”， “background-color”： #e9ecef;“）;

b

希望这能解决这个问题。

如果你(像我一样)迫切需要复选框、文本框之类的工具提示，那么这里是我的破解方法:

$('input:disabled, button:disabled').after(function (e) {
    d = $("<div>");
    i = $(this);
    d.css({
        height: i.outerHeight(),
        width: i.outerWidth(),
        position: "absolute",
    })
    d.css(i.offset());
    d.attr("title", i.attr("title"));
    d.tooltip();
    return d;
});

工作示例:http://jsfiddle.net/WB6bM/11/

无论如何，我相信禁用表单元素的工具提示对用户体验非常重要。如果你阻止某人做某事，你应该告诉他们原因。