相关疑难解决方法(0)

从 DOM 中删除元素时如何删除/隐藏引导工具提示

我目前正在 ReactJS 中开发一个项目。我的一些组件不是一直呈现,而是根据某些条件动态变化。当这些组件附有工具提示时,我注意到如果在隐藏元素时工具提示处于活动状态,则工具提示不会消失。我正在寻找一种在未呈现元素时删除或至少隐藏此工具提示的方法。

这就是我使用 jQuery 激活工具提示的方式:

$(document).ready(function() {
      $("body").tooltip({ selector: '[data-toggle=tooltip]', placement: 'bottom' })
    })
Run Code Online (Sandbox Code Playgroud)

这就是我在 html(或 jsx)中使用它的方式:

<a className="icon-btn" onClick={ () => {
//on Click I remove this parent element and show something else
}}>
<i className="fa fa-lg fa-pencil-square" title="Edit" data-toggle="tooltip"></i>
</a>
Run Code Online (Sandbox Code Playgroud)

注意我无法通过工具提示选择所有元素:

$('[data-toggle=tooltip]').tooltip()
Run Code Online (Sandbox Code Playgroud)

显然这是因为我正在动态添加元素?至少这是我迄今为止的研究表明的

javascript jquery twitter-bootstrap bootstrap-4

10
推荐指数
2
解决办法
5946
查看次数