Twitter 使用工具提示引导以符合 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 错误。 所以，我假设工具提示.js需要看到 rel='工具提示' 字段。 所以，我用以下代码替换了它

$(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()