【问题标题】:Unable to load remote html using bootstrap popover (ajax)无法使用引导弹出窗口(ajax)加载远程 html
【发布时间】: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


【解决方案1】:

问题在于文件导入错误。所以将此问题标记为已回答。

【讨论】:

    猜你喜欢
    • 2013-12-05
    • 2017-07-20
    • 2015-08-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多