Bootstrap的工具提示在button单击和鼠标按键后不会消失
我有一个bootstrap的工具提示问题：当我点击一个button时，即使光标位于button之外，工具提示仍会保留。 我已经看了手册 – Bootstrap的工具提示 ，如果我点击button，我看到了同样的问题。 有没有解决scheme来解决这个问题？ 刚试过最新的FF，IE。
这是因为没有设置trigger 。 触发器的默认值是'hover focus' ，因此，单击button后，工具提示将保持可见状态，直到单击另一个button为止，因为该button已被focused 。
所以你所要做的只是把trigger定义为'hover' 。 在点击button之后，在链接到的同一个示例下方，不会留下工具提示：
$('[data-toggle="tooltip"]').tooltip({ trigger : 'hover' })
在小提琴中的文档示例 – > http://jsfiddle.net/vdzvvg6o/
我知道一岁多了，但是我无法用这个例子来解决这个问题。 我不得不使用以下内容：
$('[rel="tooltip"]').on('click', function () { $(this).tooltip('hide') })
这也显示hover的工具提示。
在我的情况下，这个问题只是在Internet Explorer中复制：无论哪个元素（input，div等）都有工具提示，如果点击，工具提示仍然显示。
在网上find了一些解决scheme，推荐.hide（），工具提示元素Click事件 – 但它是坏主意，hover回同一元素 – 保持隐藏…在我的情况
$('.myToolTippedElement').on('click', function () { $(this).blur() })
使所有的魔法!!! – 哪里.myToolTippedElement是有一个工具提示的课程的元素…
嗨，我有这个问题的一点解决scheme。 当其他解决scheme不起作用只是尝试这一个：
$('body').tooltip({ selector: '[data-toggle="tooltip"], [title]:not([data-toggle="popover"])', trigger: 'hover', container: 'body' }).on('click mousedown mouseup', '[data-toggle="tooltip"], [title]:not([data-toggle="popover"])', function () { $('[data-toggle="tooltip"], [title]:not([data-toggle="popover"])').tooltip('destroy'); });
这也是拖放的解决scheme。 所以我希望这有助于人:)
尝试使用rel="tooltip"而不是data-toggle="tooltip" ，在我的情况下工作。 我正在使用data-toggle="tooltip" ，并将触发条件设置为hover，这在我的情况下不起作用。 当我改变我的数据select器，它的工作。
HTML代码：
<button id="submit-btn" type="submit" class="btn btn-success" rel="tooltip" title="Click to submit this form">Submit</button>
JS Code // Tooltip $（'。btn'）。tooltip（{trigger：'hover'}）;
这肯定会消除卡住的工具提示。
大卫的回答上面帮助解决了我的问题。 我有button上的hover和点击事件。 MAC上的Firefox确实performance得如我所愿。 也就是说，显示工具提示时hover，不要显示工具提示点击。 在其他浏览器和操作系统上，当我点击时，工具提示出现并保持显示。 即使我将鼠标移动到其他buttonhover。 这是我的：
$('[data-toggle="tooltip"]').tooltip({placement: 'right', html: true});
这是修复：
$('[data-toggle="tooltip"]').tooltip({placement: 'right', html: true, trigger: 'hover'});
我在cycle.js中使用bootstrap tooltip，上面没有一个为我工作。
我必须这样做：
return button( selector + '.btn.btn-sm', { hook: { destroy: tooltipOff, insert: toggleTooltipOn, }, .... function toggleTooltipOn(vnode){ setupJQuery(); jQuery[0].$( vnode.elm ) .tooltip({container:'body', trigger: 'hover'); //container:body is to help tooltips not wiggle on hover //trigger:hover is to only trigger on hover, not on click } function tooltipOff( vnode ){ setupJQuery(); jQuery[0].$( vnode.elm ).tooltip('hide'); }
这适用于我：
$(document).ready(function() { $('#save').tooltip({ trigger : 'hover' }) ; });
我是dynamic禁用保存button然后问题是。
