javascript - Twitter Bootstrap 工具提示的垂直偏移

Question

我将几个元素动态添加到一个页面，并为每个元素分配了 twitter-bootstrap 工具提示。然而，这些动态添加的对象有一些垂直偏移，这会阻止工具提示准确排列(它们需要向下推大约 15 像素)。那么我的问题是，如何在呈现时将每个工具提示(包括当前绑定(bind)的和未绑定(bind)的)重新定位到比当前位置低 15 像素的位置？

如果当前正在显示工具提示，则以下内容会处理偏移量，但不会主动工作( future 的工具提示显示时没有偏移量):

$('.tooltip').css('top',parseInt($('.tooltip').css('top')) + 15 + 'px')

我不知道要将其绑定(bind)到哪种事件才能将其应用于屏幕上显示的任何工具提示。

Answer 1

您的工具提示是如何激活的？如果您使用默认的“悬停”，您可以在元素悬停时分配一个函数，然后使用 .css 重新定位 .tooltip 元素，如下所示:

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

在 Bootply 上工作:http://bootply.com/59977

您可能需要将 $("[data-toggle=tooltip]") 更改为您用于工具提示的任何选择器。