我找到了一个工具提示库,我正在努力适应我的需要。我以为我快完成了,但是哎呀:大臭虫。
所以它应该像任何常规的工具提示一样工作(它确实如此)。不幸的是,它将一个空的工具提示应用于页面上的任何元素,而不仅仅是那些具有data属性的元素。
所以工具提示需要一个数据类型属性设置为tooltip和一个模板:<button data-type="tooltip" data-title-template-id="test">This is supposed to have a tooltip.</button>
无论数据属性如何,它都显示一个工具提示。
在这里变得相当清楚:https://jsfiddle.net/El4a/0t19bbeh/
我知道问题是,它总是追加一个子目标元素(甚至一个空文本,这导致的问题),我只是不知道如何防止这=(
我完全知道我在传递参数或作用域之类的事情上做错了,我只是不知道什么是正确的方法。
您应该将data-type
属性更改为data-toggle
属性。
<button data-toggle="tooltip" data-title-template-id="test">This is supposed to have a tooltip.</button>
<button data-toggle="tooltip" title="test">This is supposed to have a tooltip.</button>
尝试后,也许它会对你有帮助,也可以改变标题....