Question

将bootstrap 3工具提示应用于正文下的特定div时，我有一个优势。

 $('body').tooltip({selector: '[data-tt="tooltip"]', container: '.spa > div:first-child', trigger: 'hover', delay: { show: 500, hide: 0 }, placement: function () {
     var position = this.$element.data('placement');
     if (typeof position !== 'undefined') {
       return position;
     } else {
       return 'bottom';
     }
}});

我将工具提示应用于a，i，输入，按钮，divs - 它在悬停时效果很好。当我将鼠标悬停在输入/按钮上然后单击，然后单击鼠标按钮 - 如果我完美地计算此边缘情况，工具提示将粘在dom上。我没有要分享的网站，但我的问题是，如果不能用工具提示跟踪每个dom元素的历史记录，我将如何清理BS3-Tooltips ON BODY？

我不能简单地做一个...工具提示（...）。on（'click'，function（this）{...（'hide'）;} ...因为上下文总是正文。我需要将工具提示放在.spa中，以便在路由时轻松清除所有工具提示。感谢任何建议！PS我尝试删除动画，延迟。

Answer 1

$('body').on('click', function () {
    $('body').tooltip('hide');
}).tooltip({selector: '[data-tt="tooltip"]', container: '.spa > div:first-child', trigger: 'hover', delay: {show: 500, hide: 0}, placement: function () {
    var position = this.$element.data('placement');
    if (typeof position !== 'undefined') {
        return position;
    } else {
        return 'bottom';
    }
}});

为我工作。

附着到身体时，Bootstrap工具提示会徘徊

1 个答案: