Tabler tooltip 手动初始化/重载

Tabler 是一个基于bootstrap 5.x的开源前端框架。下面介绍如何在tabler下手动初始化tooltip组件

纯JS方案

let btn = document.querySelecotr('#btn')
btn.setAttribute('data-bs-original-title','提示消息')
new tabler.Tooltip(btn)
//new tabler.Tooltip(btn,{'placement':'bottom'}); //指定位置

判断已有先销毁

let btn = document.querySelecotr('#btn')
let tooltip = tabler.Tooltip.getInstance(btn);
if (tooltip){
	tooltip.dispose();
}
btn.setAttribute('data-bs-original-title','提示消息')
new tabler.Tooltip(btn)
//new tabler.Tooltip(btn,{'placement':'bottom'}); //指定位置

Tabler Tooltip bootstrap 5

版权所有 © 【代码谷】 欢迎非商用转载，转载请按下面格式注明出处，商业转载请联系授权，违者必究。（提示：点击下方内容复制出处）

源文： Tabler tooltip 手动初始化/重载 ，链接：https://www.daimagu.com/article/2603121435577736.html，来源：代码谷