1

我正在使用工具提示，它运行良好，但由于 rel='tooltip' 不是正确的值，我的 html 似乎没有得到正确验证。

所以，我改变了我的代码如下

<a href="#" data-tooltip="tooltip" title="under construction" class="line-through tooltip-flag">Blog</a>

和我的javascript如下

$("a[data-tooltip=tooltip]").tooltip();

但这不起作用，当我试图强制它时 $("a[data-tooltip=tooltip]").tooltip('show'); 我有一个js错误。所以，我假设 tooltip.js 需要查看 rel='tooltip' 字段。所以，我用下面的代码替换了它

$(document).ready(function() {

    // initialize all tooltips
    $("[data-tooltip=tooltip]").attr('rel', 'tooltip');
    $("[data-tooltip=tooltip]").queue(function(){
        $("a[data-tooltip=tooltip]").tooltip();
        $(this).dequeue();
    });

});

但仍然无法让工具提示起作用，有什么想法吗？

更新：下面是 JS 错误

data[option] is not a function
[Break On This Error]   

if (typeof option == 'string') data[option]()
4

1 回答 1

3

此错误是因为您正在覆盖引导工具提示的内部实例数据。使用其他任何东西都应该有效：

data-my-tooltip="something"

不使用：

data-tooltip="something"

这就是说，你根本不需要dataor rel。您可以简单地给链接一个类class="this-is-a-tooltip"，然后调用$(".this-is-a-tooltip").tooltip()

于 2012-06-24T17:58:12.840 回答