javascript - 引导弹出窗口在 jquery 加载功能中不起作用

Question

我对 bootsrap popover 有一个特定的问题。

所有 jquery 和 bootstrap 文件都包含在 file 中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文件中，我有链接来激活引导弹出窗口。

        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会很好用，但引导弹出窗口不显示。

你能帮助我吗？

Answer 1

根据引导程序文档，当向按钮添加工具提示时，您最终会得到类似这样的内容（在您使用 Jquery Load 返回的外部文件中）。

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

在您的 Jquery 回调中，您可以初始化所有工具提示。这是根据 Bootstrap's Documentation for "opt-in" Bootstrap Tooltip Examples

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

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

  });