Question

我无法使用bootstrap popover加载远程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>

Answer 1

问题是文件导入错误。所以将这个问题标记为已回答。

无法使用bootstrap popover（ajax）加载远程html

1 个答案: