Fatal编程技术网
  • bootstrap-4/
  • Bootstrap 4 引导工具提示，单击时显示，鼠标悬停时隐藏

Bootstrap 4 引导工具提示，单击时显示，鼠标悬停时隐藏

bootstrap-4

Bootstrap 4 引导工具提示，单击时显示，鼠标悬停时隐藏,bootstrap-4,twitter-bootstrap-tooltip,tooltipster,Bootstrap 4,Twitter Bootstrap Tooltip,Tooltipster,我有一个将文本复制到剪贴板的按钮，当用户单击按钮指示文本复制成功时，我需要显示引导工具提示 <a onclick="copyText()" role="button" data-toggle="tooltip" data-theme="dark" data-trigger="click" title="Link Copied"> <i class=&q

我有一个将文本复制到剪贴板的按钮，当用户单击按钮指示文本复制成功时，我需要显示引导工具提示

<a onclick="copyText()" role="button" data-toggle="tooltip" data-theme="dark" data-trigger="click" title="Link Copied">
    <i class="fas fa-share-alt"></i>
</a>
但是，我不希望用户再次单击按钮以隐藏工具提示，因为这将不必要地再次复制文本。相反，我只想在用户单击时隐藏工具提示或将光标移出按钮

可以这样做吗？

您可以使用引导和API，如下所示

函数copyText（）{
//做点什么。。。
}
$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
$（'[data toggle=“tooltip”]'）。on（'show.bs.tooltip'，function（）{
$（this）.on（'mouseleave'，function（）{
$（this.tooltip（'hide'）；
});
});
});

正文{
填充：3rem
}





它支持多个元素

谢谢，它工作得很好。但是我丢失了黑色主题的工具提示。不知道为什么！实际上，我意识到我们不需要tooltip（）方法来打开工具提示。我刚刚注释了行
$（'[data toggle=“tooltip”]'），它与数据触发器配合使用，并以黑色主题显示。通常您应该使用此
$（'[data toggle=“tooltip”]'）。tooltip（）如果没有触发器。如果引用了
数据触发器
，则不需要它。一切都好吗？一切都好，谢谢！