9

Twitter 引导工具提示触发器默认为悬停。

我可以添加 data-trigger="focus" 以使工具提示显示在焦点上，但是我如何同时进行悬停和焦点？

4

4 回答 4

7

你有没有尝试过data-trigger="focus hover"

于 2012-11-26T20:48:42.543 回答
5

@Adrian 的解决方案不适用于 Bootstrap 3。使用以下内容：

$('[rel=tooltip]').tooltip();
$(document).on('hover', '[rel=tooltip]', function () { $(this).tooltip('show'); });
$(document).on('focus', '[rel=tooltip]', function () { $(this).tooltip('show'); });
于 2014-01-17T13:06:44.477 回答
4

trigger是一个单值属性，所以你必须伪造两种方法中的任何一种：

$('.tooltip').tooltip({trigger: 'hover'}).each(function () {
  var $this = $(this), data = $this.data('tooltip');
  $this.on('focus.tooltip', $.proxy(data.enter, data))
    .on('blur.tooltip', $.proxy(data.leave, data));
});

更新：或者，您可以使用我的 Twitter Bootstrap补丁来创建trigger一个多值属性并将其设置为hover focus.

于 2012-11-27T20:23:30.950 回答
4

您可以简单地传递触发参数：

$('[data-toggle="tooltip"]').tooltip({ trigger:'hover focus' });

请参阅引导工具提示文章

于 2017-10-24T18:26:09.913 回答