Javascript Popover不显示图像?
鼠标悬停时,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
<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引导。。。。。