bootstrap怎么启用禁用按钮的tooltip提示?

标签: bootstrap
发布时间: 2017/11/17 16:11:18
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我需要bootstrap显示一个禁用按钮的工具提示,并在启用的按钮上删除它。实际上它的工作方式是相反的。

有什么方法实现它吗?

$('[rel=tooltip]').tooltip();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/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>


解决方法 1:

这样写:

$('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");
    }
});


赞助商