You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Tippy.js调用disable方法报错无法禁用tooltip,操作哪里有误?

问题根因
  • 调用tippy('[data-tippy-content]')时如果匹配到多个元素,返回值是Tippy实例组成的数组,而非单个实例对象。只有单个Tippy实例才拥有disable方法,数组本身没有该API,因此直接调用会抛出类型错误。
修复方案

遍历返回的实例数组,对每个实例单独调用disable方法即可,代码如下:

const mytippies  = tippy('[data-tippy-content]', {
    plugins: [hideOnEsc],
});

// 遍历所有实例禁用提示
mytippies.forEach(instance => instance.disable());
补充注意事项
  • 若你的选择器只会匹配到1个元素,也可以直接调用mytippies[0].disable()实现禁用
  • 后续需要恢复提示功能时,同理遍历数组调用instance.enable()即可

内容的提问来源于stack exchange,提问作者Zebda

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.26 08:45:04