无法通过Ajax加载Bootstrap Tooltip

Question

我正在尝试加载（通过Ajax Call）标题为HTML标记的工具提示。在include_once函数加载的第一页加载中，工具提示工作正常，但是当我用Ajax Call触发页面加载时，工作提示没有。这是我的文件：

loadTable.php

    <?php
        $content = "<a data-toggle='tooltip' data-html='true' title='<strong>ok</strong>'
<span class='glyphicon glyphicon-align-left'></span></a>";

        echo $content;
    ?>

mypage.php

<button type="button" class="btn btn-primary" onclick="loadPage()">Load</button>
<div id="tableData">
    <?php include_once('loadTable.php');?>
</div>

myjavascriptfile.js

function loadPage(){
    $.ajax({
        type: "POST",
        url: "loadTable.php",
        data:{
            cache: false,
            success: function(result){
                $("#tableData").html(result);
            }
        });
    }
}

注意：当然，为了理解和简化，我已经简化了示例。

提前感谢。

Answer 1

感谢DelightedD0D，解决方案是在Ajax Call之后重新初始化工具提示。

在我的情况下，我添加了这一行： 的 $（ '[数据肘节= “提示”]'）工具提示（）;

function loadPage(){
    $.ajax({
        type: "POST",
        url: "loadTable.php",
        data:{
            cache: false,
            success: function(result){
                $("#tableData").html(result);
                $('[data-toggle="tooltip"]').tooltip();
            }
        });
    }
}

我希望它可以帮助那些遇到同样问题的人。