关于javascript：Bootstrap工具提示用法


Bootstrap tooltip usage

我正在将引导工具提示添加到我的a标记中，如下所示：

1
2
3
jQuery('span.arUp a').attr("data-placement","top");
jQuery('span.arUp a').attr("data-toggle","tooltip");
jQuery('span.arUp a').attr("data-original-title","Tooltip on top");

标签如下：

1
Fedrer

但没有工具提示。请帮助！！

相关讨论

提示：使用自举

1
2
3
4
5
6
7
Fedrer

$(function(){
    $('span.arUp a').tooltip({
        placement: 'top'
    });
});

并确保你的include the bootstrap JS文件。

相关讨论

如果你需要两个工作tooltip特征与动态元素，你可以试试这个：

1
2
3
4
5
$(document).ready(function () {
    $("body").tooltip({
        selector: '[data-toggle="tooltip"]'
    });
});

演示：http：/ / / / 1 jsfiddle.net fhjvs /

于是，每当有个元素的属性的一个data-toggle="tooltip"，工具提示将被应用，不具有两个润/ jQuery JavaScript代码。

参考文献：

  • 怎么卷Twitter引导提示两个动态的创新元素。

因为你是用你的data-*，以《时尚》auto工具提示，它自动adds网络元素本身的认定。

因为你是在用JS data-*增而不是直接到的HTML，你需要：

  • 添加文件后，你的.js加

或

  • $('span.arUp a').tooltip售后呼叫你的代码。
相关讨论