twitter bootstrap 使用 tooltip 来遵守 html5

Question

我正在使用工具提示，它运行良好，但由于 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]()

Answer 1

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

data-my-tooltip="something"

请勿使用：

data-tooltip="something"

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