Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Popover不显示图像?_Javascript_Jquery_Html - Fatal编程技术网

Javascript Popover不显示图像?

Javascript Popover不显示图像?,javascript,jquery,html,Javascript,Jquery,Html,鼠标悬停时,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' }); }); </sc

鼠标悬停时,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>

$(文档).ready(函数(){
var img=“”;
$(“#blob”).popover({title:'Format for Excel sheet',内容:img,触发器:'hover'});
});
在正文中:

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

但不显示图像

谢谢

试试这个:

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});  
});
$(函数(){
var img=“”;
$(“#示例”).popover({title:'Twitter Bootstrap popover',content:img});
});

我想你还没有关闭图像标签。也许这就是问题所在:

var img ='<img src="/assets/Excel_1.png">';
var-img='';
应该是:

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

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

$("#blob_1").popover({ title: 'Format for Excel sheet', content: img , trigger:'hover',html: true });
正是这一变化使得这一需求成为可能


谢谢..

控制台上出现了什么错误..???这里与ruby、rails或grails无关;这是jQuery代码。我是说浏览器控制台…你从哪里得到这个popover插件的?它似乎不是来自jQueryUI。我正在使用twitter引导。。。。。