在Bootstrap5中通过JavaScript添加工具提示

如何通过Javascript在Bootstrap v5中添加工具提示？我打算在同一个元素中添加一个工具提示和popover，似乎最好的办法是通过JS同时启用它们

通过html添加的工具提示按预期工作：

---

如果您定义css属性

指针事件：无在
工具提示元素的
所有子元素中
，则其工作正常，但这可能会在单击、悬停、聚焦和其他事件侦听器上产生问题

因此，当通过Bootstrap-v5中的
hide.bs.tooltip
方法隐藏工具提示时，请重新初始化
tooltip方法。

来源：

请尝试下面的代码片段


var tooltipTriggerList=[].slice.call（document.queryselectoral（'[data bs toggle=“tooltip”]'））
var tooltipList=tooltipTriggerList.map（函数（tooltipTriggerEl）{
这个.addEventListener（'hide.bs.tooltip'，函数（）{
新的引导。工具提示（tooltipTriggerEl）
})
返回新的引导。工具提示（tooltipTriggerEl）
});

我没有听从你的建议。在您的示例中，您在span元素中硬编码了title=“If you want us”。这在我的情况下行不通。工具提示和popover函数对标题的解释不同。我不明白重新初始化将如何允许我在JS中添加工具提示。此外，由于使用内置工具提示（即使用title属性定义）与我尝试在JS中初始化工具提示时的结果不匹配，因此它告诉我在初始化时缺少了一些内容。你能解释一下你对你提出的解决方案的想法吗？所以你想要动态的工具提示？这应该是单个工具提示，也可以是多个工具提示？我的最终目标是使鼠标悬停显示工具提示和单击显示工具提示。我测试表单的一个人认为它不工作，因为单击什么都没做。