由于不是非常精通javascript，所以我根本不了解tooltip.js文档。为什么不包括像我这样的人的榜样？
我必须安装此库才能正常工作吗？
tooltip.js到webpack（通过npm安装）import tooltip from 'tooltip.js';我试图使用boostrap的代码：
<p data-toggle="tooltip" data-placement="top" title="Tooltip on top">
Tooltip on top
</p>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
但是我实际上并不使用引导程序，因此错误是：TypeError：
$（...）。tooltip不是函数
他们的示例页面上有一些示例代码并没有真正帮助：
new Tooltip(referenceElement, {
placement: 'top', // or bottom, left, right, and variations
title: "Top"
});
什么referenceElement啊 是我希望触发的元素类别吗？
我想象这样的事情：
<p title="xyz" data-toggle="tooltip">hello</p>
然后写一些像这样的JavaScript ？？？
new Tooltip('[data-toggle="tooltip"]', {
placement: 'top',
trigger: 'hover'
});
那当然是行不通的。它返回错误：
TypeError：reference.addEventListener不是函数
怎么样？为什么？一点Codepen：https ://codepen.io/Sepp/pen/ZowqdM
根据文档，您必须像这样调用工具提示
new Tooltip(referenceElement, {
placement: 'top', // or bottom, left, right, and variations
title: "Top"
});
因此，如果您想通过[data-toggle =“ tooltip”]调用tooltips js来制作所有元素，则可以执行以下操作：
$( document ).ready(function() {
$( '[data-toggle="tooltip"]' ).each(function() {
new Tooltip($(this), {
placement: 'top',
});
});
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句