无法通过Ajax加载引导工具提示


Unable to load Bootstrap tooltip via Ajax

我正试图(通过Ajax调用)加载一个标题在HTML标记中的工具提示。在include_once函数加载的第一个页面加载中,工具提示可以正常工作,但当我使用Ajax调用触发页面加载时,工具提示就不能正常工作。这是我的文件:

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);
            }
        });
    }
}

NB:当然,我把这个例子简化到了极致,只是为了理解和简化。

多亏了DelightedD0D,解决方案是在Ajax调用后重新初始化工具提示。

在我的案例中,我添加了这一行:$('[data toggle="tooltip"]').tooltip()

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

我希望它能帮助其他有同样问题的人。