0

我无法使用引导弹出框加载远程 html 数据。下面是我的代码。我从下面试过这个

使用 AJAX 加载 Bootstrap 弹出内容。这可能吗？

<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>
4

1 回答 1

0

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

于 2013-07-31T06:33:43.597 回答