工具提示在本地主机上工作，但不在已部署的站点上

Tooltip working in localhost but not on a deployed site

本文关键字：站点 部署 工作 主机 工具提示      更新时间：2023-09-26

我在我的网站上使用引导工具提示。在localhost中查看时，悬停时会出现工具提示。但是，当我在部署的站点上查看它时，工具提示不起作用，并且我得到错误"TypeError: f is not a function"。

这是我的html:

<div data-toggle="tooltip" data-placement="bottom" data-html=true title="ToolTipTitle" id="ToolTipID">2016</div>
Javascript: 

$(document).ready(function() {
   $("[data-toggle=tooltip]").tooltip({ 
        template: '<div class="tooltip"  id="CustomToolTips" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
   });
});

我不明白是什么原因导致它在本地主机上工作，而不是在我部署的站点上。是添加工具提示的时机吗?

谢谢

这个问题是由创建工具提示的时间引起的。

$("[data-toggle=tooltip]").tooltip({ 
    template: '<div class="tooltip"  id="CustomToolTips" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
});
把

放到$(document).ready()的最后，它修复了这个问题

相关文章：