Question

Onmouse悬停，popover只显示标题而不是图像

代码：

<script type="text/javascript">
$(document).ready(function(){


var img ='<img src="/assets/Excel_1.png">';

$("#blob").popover({ title: 'Format for Excel sheet', content: img , trigger:'hover' });

});
</script>

身体：

 <i href="#" id="blob" class="icon-info-sign" rel="popover"  style="margin-top: 300px"> </i>

但没有显示图像......

由于

Answer 1

得到了这个简单问题的解决方案......

$("#blob_1").popover({ title: 'Format for Excel sheet', content: img , trigger:'hover',html: true });

只是这种改变使得需要成为可能

谢谢..

Answer 2

请查看本教程并确保正确输入指定的图片网址：

http://www.w3resource.com/twitter-bootstrap/popover-tutorial.php

Answer 3

试试这个：http://jsbin.com/iducul/1/edit

Html是：

<a href="#" id="example" class="btn btn-success" rel="popover">hover for popover</a>

jQuery是：

$(function (){ 
    var img = '<img src="https://si0.twimg.com/a/1339639284/images/three_circles/twitter-bird-white-on-blue.png" />';
    $("#example").popover({title: 'Twitter Bootstrap Popover', content:img});  
});

Answer 4

我认为您尚未关闭图片代码。可能是这个问题：

var img ='<img src="/assets/Excel_1.png">';

应该是：

var img ='<img src="/assets/Excel_1.png"></img>';

Popover没有显示图像？

4 个答案: