如何使用bootstrap工具提示?

M.R*_*M.R 13 jquery tooltip twitter-bootstrap

我使用过Bootstrap,但工具提示不起作用

<a href="#" data-original-tittle="test" 
            data-placement="right"
            rel="tooltip"
            target=" _blank"> hover me 
</a>
Run Code Online (Sandbox Code Playgroud)

或者我需要使用jQuery?

Gau*_*164 31

尝试添加工具提示

<script type="text/javascript">
    $(function(){
       $('[rel="tooltip"]').tooltip();
    });
</script>
Run Code Online (Sandbox Code Playgroud)

或者你可以直接选择为

$('a').tooltip();
Run Code Online (Sandbox Code Playgroud)

或试试吧

<a href="#" data-toggle="tooltip"
data-original-title="Tooltip on right">hover me</a>
Run Code Online (Sandbox Code Playgroud)

和你的脚本一样

$(function() {
    $('a').tooltip({placement: 'right'});
});
Run Code Online (Sandbox Code Playgroud)

我的最终FIDDLE终于HERE