jquery - twitter bootstrap 使用工具提示来遵守 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

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

data-my-tooltip="something"

不要使用:

data-tooltip="something"

也就是说，您根本不需要 data 或 rel。您只需为链接指定一个类 class="this-is-a-tooltip" ，然后调用 $(".this-is-a-tooltip").tooltip()