无法通过 Ajax 加载 Bootstrap 工具提示

Question

我正在尝试加载（通过 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);
            }
        });
    }
}

注意：当然，为了便于理解和简单起见，我已经在极端情况下简化了示例。

Answer 1

感谢 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();
            }
        });
    }
}

希望对遇到同样问题的人有所帮助

无法通过 Ajax 加载 Bootstrap 工具提示

Unable to load Bootstrap tooltip via Ajax

javascript

php

ajax

jquery

twitter-bootstrap-tooltip