0

ブートストラップ ポップオーバーを使用してリモート html データをロードできません。以下は私のコードです。下からやってみました

AJAX を使用して Bootstrap ポップオーバー コンテンツを読み込みます。これは可能ですか？

<a href="#" id="oneData" class="divAnchor" rel="popover" 
           load-remote-data="TestGetJson.htm">Bootstrap popover with ajax data</a>

以下のコードは script タグ内にあります。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