☰

Bootstrap を使用したツールチップの画像ですか? 質問する

tag-icon • tag-icon javascript jquery twitter-bootstrap frontend
Bootstrap を使用したツールチップの画像ですか? 質問する 
<button title="Tooltip on right" data-placement="right" data-toggle="tooltip" class="btn btn-default mrs" type="button">Tooltip on right</button>


<script>
  $(function () {
    $('[data-toggle=tooltip]').tooltip();
  });
</script>

これは問題なく動作しますが、ツールチップ内に画像とテキストを含めたいと思います。data-content="some stuff" を使用しようとしましたが、何も表示されません。

ベストアンサー1

.tooltipを初期化するときにhtmlオプションを渡す必要があります。例:

<div class="cart"> 
    <a data-toggle="tooltip" title="<img src='http://getbootstrap.com/apple-touch-icon.png' />">
        <i class="icon-shopping-cart"></i>
    </a>


$('a[data-toggle="tooltip"]').tooltip({
    animated: 'fade',
    placement: 'bottom',
    html: true
});

例を見るフィドル

おすすめ記事