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>';