2013-03-18 2 views
0

Я не могу загрузить удаленные данные html с помощью загрузочного popover. Ниже мой код. Я попытался это из-подНе удается загрузить удаленный html с помощью bootstrap popover (ajax)

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> 
+0

любые ошибки в консоли –

+0

@ArunPJohny, спасибо. Я не знаю, что мы можем проверить ошибку javascript в консоли firebug. Его решение. Проблема с файлом «js/bootstrap-popover.min.js». У него нет метода popover. – suresh

+0

@suresh - Добро пожаловать в переполнение стека. Отличная проблема решена! Подумайте о том, чтобы добавить ответ на свой вопрос, чтобы все знали, что ваша проблема решена. Благодаря! – Marijn

ответ

0

Проблема была с неправильным импорта файлов. Таким образом, отвечая на этот вопрос.

Смежные вопросы