动态内容的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代码之间存在冲突，而且我的Tooltip代码嵌入了文件中的三个级别 - 这里分享的代码太多了。

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