动态内容的Javascript或jQuery HTML工具提示

Question

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

我有一个Bootstrap DataTable循环填充； 其中一行类似于：

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

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

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

我已经加载了jQuery UI和Bootstrap。

任何想法？

谢谢！

Answer 1

没关系。 我在jQuery和Bootstrap javascript代码之间发生冲突，而且我的工具提示代码已嵌入文件的三个级别中，太多的代码无法在此处共享。

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