Bootstrap工具提示不会随着后退按钮的单击和 AJAX 调用而消失

nmpmafwu  于 2023-05-04  发布在  Bootstrap
关注(0)|答案(1)|浏览(126)

我遇到了一个问题,引导4工具提示不会随着浏览器的后退按钮而消失:

我正在使用Rails,我有这样的代码:

document.addEventListener('turbolinks:load', () => {
    $('[data-toggle="tooltip"]').tooltip({
        trigger: 'hover'
    })

    $('[data-toggle="popover"]').popover()
})

触发器:hover可以工作了,我从Bootstrap's tooltip doesn't disappear after button click & mouseleave那里得到了建议
但他们幸存下来的后退按钮点击。
编辑,类似的事情也发生在 AJAX 调用中:

已解决:

这段代码在单击元素时隐藏工具提示,这样就解决了这个问题。

$('[data-toggle="tooltip"]').tooltip({
        trigger: 'hover'
    }).on('click', function() {
        $(this).tooltip('hide')
    })
ybzsozfc

ybzsozfc1#

在Bootstrap 5上,你需要以下选择器:

$('[data-bs-toggle="tooltip"]').tooltip({
  trigger: 'hover'
}).on('click', function() {
  $(this).tooltip('hide')
})

相关问题