如何在禁用按钮上启用bootstrap工具提示？

本文介绍了如何在禁用按钮上启用bootstrap工具提示？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我需要在禁用按钮上显示工具提示，并在启用按钮上将其删除。 实际上它以相反的方式工作。

I need to display a tooltip on disabled button and remove it on enabled button. Actually it works in reverse way.

反转此行为的最佳方法是什么？

What is the best way to invert this behaviour?

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

<script src="ajax.googleapis/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="maxcdn.bootstrapcdn/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link href="maxcdn.bootstrapcdn/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> <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>

以下是演示： http：// jsfiddle/BA4zM/68/

PS：我想保持属性被禁用。

P.S.: I want to keep the attribute disabled.

推荐答案

以下是一些工作代码： jsfiddle/mihaifm/W7XNU/200/

Here is some working code: jsfiddle/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 属性。