Twitter 引导工具提示触发器默认为悬停。
我可以添加 data-trigger="focus" 以使工具提示显示在焦点上,但是我如何同时悬停和聚焦?
你试过data-trigger="focus hover"
@Adrian 的解决方案在 Bootstrap 3 上不起作用。使用以下方法:
$('[rel=tooltip]').tooltip();
$(document).on('hover', '[rel=tooltip]', function () { $(this).tooltip('show'); });
$(document).on('focus', '[rel=tooltip]', function () { $(this).tooltip('show'); });
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
。
你可以简单地传递触发器参数:
$('[data-toggle="tooltip"]').tooltip({ trigger:'hover focus' });
请参阅引导工具提示文章