用于动态内容的 Javascript 或 jQuery HTML 工具提示答案

【问题标题】：Javascript or jQuery HTML Tooltips for Dynamic Content用于动态内容的 Javascript 或 jQuery HTML 工具提示
【发布时间】：2017-03-24 14:58:38
【问题描述】：

首先，在有人说它是重复的之前，我想说到目前为止我尝试过的所有解决方案都没有奏效——它们需要在 IE 11 中工作——我们不幸的选择浏览器！请注意，我已经尝试使用 tooltip_status_class 类以某种方式显示工具提示，但到目前为止没有成功。

我有一个循环填充的引导数据表；其中一行是这样的：

var order_status = '<a href="#" class="tooltip_status_class"><u>' + dyanmicdata + '</u></a>';

我希望发生的事情是，在悬停时，一个 html 工具提示会显示在表格中的 a href 链接上。所有行的内容都相同，但必须是 HTML，例如：

<strong> status 1 </strong>: shipping <br />
<strong> status 2 </strong>: preparing<br />

我已经加载了 jQuery UI 和 Bootstrap。

有什么想法吗？

谢谢！

【问题讨论】：

【解决方案1】：

没关系。我在 jQuery 和 Bootstrap javascript 代码之间存在冲突，而且我的 Tooltip 代码在文件中嵌入了三个级别 - 代码太多，无法在此分享。

通过从加载中删除 jQuery UI 文件并将引导程序自己的 Tooltip Javascript 代码从 https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_tooltip_html&stacked=h 放入并在生成动态代码之后放置该代码，解决了问题。

【讨论】：