web-dev-qa-db-ja.com

bootstrapツールチップの使用方法？

Bootstrapを使用しましたが、ツールチップが機能していません

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

または、jQueryを使用する必要がありますか？

jquerytwitter-bootstraptooltip
13
M.R

のようなツールチップを追加してみてください

<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'});
});

MY ULTIMATE FIDDLE最終的に [〜＃〜]ここ[〜＃〜]

31
Gautam3164

次のようにjqueryselectorsを使用します。

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

お役に立てば幸いです。

0
Freelancer