使用bootstrap在工具提示中的图像?

时间:2015-04-06 15:02:57

标签: javascript jquery twitter-bootstrap frontend

<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 个答案:

答案 0 :(得分:35)

初始化.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
});

请参阅示例fiddle