Question

当访问者点击我网站主页上的“欢迎”链接时，我试图在工具提示中显示图像。

到目前为止，这是我的代码：

<a href="#" data-toggle="tooltip"title='<img src='hello.png'>">Welcome</a>
 <script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();});
</script>

但它无法显示图像，而是显示图像的html。另外，我想将工具提示的颜色更改为灰色。

这可能吗？请帮忙。

Answer 1

1）<a>标记的title属性中的单引号和双引号不匹配。

2）默认情况下，bootstrap仅允许工具提示中的文本。您必须设置配置选项以允许HTML。

<a href="#" data-toggle="tooltip" title="<img src='hello.png'>">Welcome</a>

<script type="text/javascript">
    $(document).ready(function() {
        $('[data-toggle="tooltip"]').tooltip({
            html: true
        });
    });
</script>

如何在bootstrap工具提示中显示图像？

1 个答案: