0

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

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");

标签看起来像这样：

<a rel="next" href="http://roadmap.private.net/?p=28" data-placement="top" data-toggle="tooltip" data-original-title="Tooltip on top">Fedrer</a>

但是没有工具提示出现。请帮忙！！

4

3 回答 3

3

引导工具提示用法：

<a rel="next" href="http://roadmap.private.net/?p=28" title="Tooltip on top">Fedrer</a>

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

并确保包含 bootstrap js 文件。

于 2013-05-20T17:50:53.187 回答
1

Since you are using the data-*, you are using the auto mode of the tooltip, which it automatically adds itself to the elements it finds.

Since you are adding the data-* with JS instead of directly into the HTML, you need:

  • Add the .js file AFTER your additions

or

  • Call $('span.arUp a').tooltip after your code.
于 2013-05-20T17:53:10.370 回答
1

如果您需要该tooltip功能来处理动态元素，您可以试试这个：

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

演示：http: //jsfiddle.net/FHjVs/1/

然后，只要一个元素有一个属性data-toggle="tooltip"，就会应用一个工具提示，而无需运行 JavaScript/jQuery 代码。

参考：

于 2013-05-20T18:05:03.200 回答