Javascript 工具提示不起作用的动态加载内容

我是JS的初学者。我从php（jquery）动态加载html。 在php的结果中，我有以下html：

<img title="Mleko" class="info-tooltip" style="max-height:15px" src="assets/ikonki/mleko.png">
<img title="Jaja" class="info-tooltip" style="max-height:15px" src="assets/ikonki/jajka.png">

这是我的工具提示代码：

<script type="text/javascript">
    $(document).ready(function () {
        $(".info-tooltip").tooltip({
            tooltipClass: "tooltip-styling",
            position: {
                my: "left bottom",
                at: "center top-10",
                collision: "none"
            }
        });
    });
</script>

$（文档）.ready（函数（）{
$（“.info工具提示”）。工具提示({
tooltipClass:“工具提示样式”，
职位：{
我的：“左下”，
位于：“中心前10名”，
碰撞：“无”
}
});
});

工具提示不起作用：（它不显示。 我的页面中有引导和jquery

当我正常添加这些图像时，在html代码中-这很好

问题只是来自php的图像（工具提示）动态加载

---

如何修复它？

您说第一个HTML示例是动态加载的-我假设您的意思是使用AJAX进行此操作。因此，在AJAX请求完成并将新HTML添加到DOM后，您需要对新内容调用

.tooltip（）

为此，请使用承诺或

success

回调，如下所示：

$.ajax({
url:“/yourpage”，
数据：{foo:bar}，
成功：函数（html）{
$（'#container'）.append（html）；
//在此处实例化工具提示。。。
$（“#container.info工具提示”）。工具提示({
tooltipClass:“工具提示样式”，
职位：{
我的：“左下”，
位于：“中心前10名”，
碰撞：“无”
}
});
}
})；