bootstrap popover在jquery加载函数中不起作用

Question

我有一个特定的bootstrap popover问题。

所有jquery和bootstrap文件都包含在文件index.php中，在同一个文件中我有这个div：

<div id="con"> Loadding </div>

我有一个jquery函数，从php文件加载内容

 $(document).ready(function(){
  var auto_refresh = setInterval(
  function()
  {

  $('#con').load('ajax/some.php');
  }, 1000);
});

在some.php文件中，我有链接来激活一个bootstrap popover。

        echo ' <a href="#" 
        class="pop-tel" 
        data-html="true" 
        data-container="body" 
        data-trigger="hover" 
        data-placement="bottom" 
        data-content="Tel: xxx" 
        data-original-title="';     
    echo    'Test">'; 
    echo 'Some one</a>';

来自some.php的内容效果很好，但是没有显示bootstrap popover。

你能帮助我吗？

Answer 1

根据bootstraps文档添加工具提示，比如一个按钮，你最终会得到类似的结果（在你使用Jquery Load返回的外部文件中）。

<button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Tooltip info here">Some Button</button>

在Jquery回调中，您可以初始化所有工具提示。这是根据Bootstrap的“选择加入”Bootstrap Tooltip Examples的文档

您对Jquery Load的回调将如下所示

  $('#con').load('ajax/some.php', function() {
    $('[data-toggle="tooltip"]').tooltip()

  });