首页 > 解决方案 > 引导工具提示不会随着后退按钮单击和 AJAX 调用而消失

问题描述

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

在此处输入图像描述

我正在使用rails,并且确实有以下代码:

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

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

触发器:悬停工作,我从Bootstrap 的工具提示中得到的建议在按钮单击和鼠标离开后没有消失

但是他们可以在单击后退按钮后幸存下来。

编辑,AJAX 调用也发生了类似的事情: 在此处输入图像描述

解决了:

每当单击元素时,此代码都会隐藏工具提示,这解决了问题。

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

标签: jqueryruby-on-railstwitter-bootstrap

解决方案


推荐阅读