Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript twitter引导工具提示的垂直偏移量_Javascript_Twitter Bootstrap - Fatal编程技术网

Javascript twitter引导工具提示的垂直偏移量

Javascript twitter引导工具提示的垂直偏移量,javascript,twitter-bootstrap,Javascript,Twitter Bootstrap,我在一个页面上动态添加了几个元素,每个元素都有twitter引导工具提示。但是,这些动态添加的对象有一些垂直偏移,这会阻止工具提示精确对齐(它们需要向下推大约15px)。那么,我的问题是,在渲染时,如何将每个工具提示(当前绑定的工具提示和未绑定的工具提示)重新定位到其当前位置以下15px的位置 如果工具提示当前正在显示,但无法主动工作(将来显示的工具提示不带偏移),则以下操作将处理偏移: 我不知道为了将其应用于屏幕上的任何工具提示,需要将其绑定到什么类型的事件。您的工具提示是如何激活的?如果使用

我在一个页面上动态添加了几个元素,每个元素都有twitter引导工具提示。但是,这些动态添加的对象有一些垂直偏移,这会阻止工具提示精确对齐(它们需要向下推大约15px)。那么,我的问题是,在渲染时,如何将每个工具提示(当前绑定的工具提示和未绑定的工具提示)重新定位到其当前位置以下15px的位置

如果工具提示当前正在显示,但无法主动工作(将来显示的工具提示不带偏移),则以下操作将处理偏移:


我不知道为了将其应用于屏幕上的任何工具提示,需要将其绑定到什么类型的事件。

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

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


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

我们必须添加“handlerOut”回调以补偿偏移,否则工具提示会在消失之前再次添加偏移:

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

我正在使用“显示”选项。弹出框总是出现在屏幕上。在这种情况下,我可以更改popover顶部的位置。注意:如果您按照建议在悬停时从工具提示顶部添加15px,则每次悬停时都会发生此情况,并且工具提示将逐渐在屏幕上向下爬行。
    $('[data-toggle="tooltip"]').tooltip();
    $('[data-toggle="tooltip"]').hover(function(){
        $('.tooltip').css('top',parseInt($('.tooltip').css('top')) + 20 + 'px')            
    },
    function () {
        $('.tooltip').css('top', parseInt($('.tooltip').css('top')))
    });