twitter-bootstrap - 增加 Bootstrap 工具提示的水平偏移

Question

有谁知道是否有一种简单的方法可以增加 Bootstrap 工具提示的工具提示偏移量？文档中没有任何内容。在某些情况下，工具提示会遮挡目标区域并阻止点击。

http://twitter.github.io/bootstrap/javascript.html#tooltips

Answer 1

你可以试试这样的..

$("[data-toggle=tooltip]").hover(function(){
    $('.tooltip').css('top',parseInt($('.tooltip').css('top')) + 15 + 'px')
});

这会增加垂直偏移，但如果您使用“左”而不是“上”，则应该适用于水平。

Bootply 上的自定义工具提示位置：http: //www.bootply.com/59977

Answer 2

此示例向右偏移（即增加左侧位置）。注意：为“隐藏”添加了延迟，仅用于强调。我检查事件类型以及在 mouseenter 和 mouseleave 上触发悬停。

$("[data-toggle=tooltip]").tooltip({delay: {hide: 1000}});
$("[data-toggle=tooltip]").hover( function(e){
    if (e.type == 'mouseenter')
        $('.tooltip').css('left', parseInt($('.tooltip').css('left')) + 15 + 'px');
});