我正试图(通过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();
}
});
}
}
我希望它能帮助其他有同样问题的人。