如何使用bootstrap工具提示?

时间:2013-05-09 12:02:15

标签: jquery twitter-bootstrap tooltip

我使用过Bootstrap,但工具提示无法正常工作

<a href="#" data-original-tittle="test" 
            data-placement="right"
            rel="tooltip"
            target=" _blank"> hover me 
</a>

或者我需要使用jQuery吗?

2 个答案:

答案 0 :(得分:31)

尝试添加工具提示,如

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

或者您可以直接选择

$('a').tooltip();

或尝试使用它

<a href="#" data-toggle="tooltip"
data-original-title="Tooltip on right">hover me</a>

和你的脚本一样

$(function() {
    $('a').tooltip({placement: 'right'});
});

终极HERE

我终极的狡猾

答案 1 :(得分:0)

使用jqueryselectors如下:

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

希望它有用。