引导弹出框在 jquery 加载函数中不起作用


bootstrap popover not work in jquery load function

我对引导弹出框有一个特定的问题。

所有 jquery 和引导程序文件都包含在文件 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的内容效果很好,但引导弹出窗口不显示。

你可以帮我吗?

根据引导文档,在添加工具提示时,比如按钮,你最终会得到这样的东西(在你使用 Jquery Load 返回的外部文件中)。

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

在 Jquery 回调中,可以初始化所有工具提示。这是根据 Bootstrap 的"选择加入"引导工具提示示例

文档

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

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