【发布时间】:2013-03-06 12:34:05
【问题描述】:
我无法使用引导弹出框加载远程 html 数据。 下面是我的代码。我从下面试过这个
Load a Bootstrap popover content with AJAX. Is this possible?
<a href="#" id="oneData" class="divAnchor" rel="popover"
load-remote-data="TestGetJson.htm">Bootstrap popover with ajax data</a>
以下代码在脚本标签内。当我使用 firebug 进行调试时,我得到了服务器的响应 但它没有显示在屏幕上。
$(document).ready(function() {
$('#oneData').bind('click',function(){
var e=$(this);
//e.unbind('click');
$.get(e.attr('load-remote-data'),function(data){
e.popover({content: data, placement:'bottom', html:true}).popover('show');
});
});
});
来自服务器的响应
<div class="popover fade bottom in" ><div class="arrow"></div><h3 class="popover-title">pop Over Title</h3><div class="popover-content">Data From Server</div></div>
在我的代码中使用下面的导入
<script type="text/javascript" src="js/jquery-1.7.js"></script>
<link href="css/bootstrap-popover.min.css" rel="stylesheet" media="screen"/>
<script type="text/javascript" src="js/bootstrap-popover.min.js"></script>
【问题讨论】:
-
控制台中的任何错误
-
@ArunPJohny,谢谢。我不知道我们可以在 firebug 控制台中检查 javascript 错误。它解决了。文件“js/bootstrap-popover.min.js”有问题。它没有弹出方法。
-
@suresh - 欢迎来到 Stack Overflow。太好了,你的问题解决了!考虑为您自己的问题添加答案,以便每个人都知道您的问题已解决。谢谢!
-
@Marijn 我的声望不到 10。所以我会在 8 小时内添加答案。
-
那太好了。许多人(我也是)检查是否有未回答的问题,因此添加答案非常有用。
标签: javascript jquery twitter-bootstrap