javascript - 弹出框不显示图像？

Question

鼠标悬停，弹出框只显示标题而不是图像

代码 ：

<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: //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 3

我想你还没有关闭图像标签。可能是这个问题：

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

它应该是：

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