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

我正在尝试加载（通过Ajax调用）一个标题为HTML标记的工具提示。在由

include\u once

函数加载的第一个页面加载中，工具提示可以正常工作，但在我使用Ajax调用触发页面加载时不会。这是我的档案：

loadTable.php

---

注：当然，为了理解和简单起见，我对示例进行了极端简化。

多亏了Bleeted0d，解决方案是在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();
            }
        });
    }
}

---

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

它不加载是什么意思？看起来您正在加载与以前相同的HTML。是的，它是相同的。。但是通过Ajax，工具提示不会在glyphicon上的鼠标上触发。您需要在动态加载的元素上重新初始化工具提示。您知道怎么做吗？抱歉，自动更正，请参阅编辑，您将需要类似$（'.tooltip'）.tooltip（）的内容；更新html后，我不是100%了解语法，我现在在手机上，但IIRC这是正确的ode，但您需要根据需要调整选择器以针对工具提示元素

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

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

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