引导工具提示位置（动态元素）答案

【问题标题】：Bootstrap Tooltip Position (Dynamic elements)引导工具提示位置（动态元素）
【发布时间】：2016-04-09 18:13:22
【问题描述】：

我正在尝试将我的代码转换为使用动态元素。

<li data-placement="right" data-toggle="tooltip" data-original-title="abc" title=""></li>
<li data-placement="left" data-toggle="tooltip1" data-original-title="def" title=""></li>

这是我的静态元素代码。这很好用：

//For RIGHT tooltips...
$("[data-toggle=tooltip]").tooltip({
    animation: false,
    delay: {show: 0, hide: 0}
});

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

//For LEFT tooltips... "tooltip1"...
$("[data-toggle=tooltip1]").tooltip({
    animation: false,
    delay: {show: 0, hide: 0}
});

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

到目前为止，这是我的动态元素代码。工具提示出现了，但我不确定如何更改它的位置。

$('body').tooltip({
    selector: '[data-toggle=tooltip], [data-toggle=tooltip1]',
    animation: false,
    delay: {show: 0, hide: 0},
    placement: ????????

});

这里有一些类似的问题：

Dynamically position Bootstrap tooltip (for dynamically generated elements)

Changing the position of Bootstrap popovers based on the popover's X position in relation to window edge?

【问题讨论】：

“它不起作用”不能作为问题描述。请提供详细解释：错误消息、堆栈跟踪、屏幕截图等。
工具提示出现，但位置不是正确的偏移量。
请将附加信息编辑到您的问题中，以便其他人找到。此外，您还可以浏览一下介绍性导览，以便了解发布或回复时的预期内容。
我已经编辑了所有请求的更改。你能考虑回答这个问题吗？

标签： javascript jquery css twitter-bootstrap

【解决方案1】：

使用引导程序，位置或偏移量由 HTML 文档中元素的属性管理。它的“数据放置”属性。

示例

<div class="coolClass" id="coolDiv" data-placement="left" data-toggle="tooltip" 
title="Left ToolTip">
    <p>Left Tooltip</p>
</div>

【讨论】：

谢谢，但我正在尝试调整默认的左/右位置，使其比平时偏移更多。
您需要为此编辑 boostrap JavaScript 文件中的代码，因为它们很可能会覆盖您对其他脚本所做的任何更改，并且它会创建比您需要的更多的进程反正没有。
请检查提供的链接，似乎可以不改变来源

【解决方案2】：

这对我定位工具提示很有用。不需要JS

.tooltip.right {
    margin-left: 60px;
}

.tooltip.left {
    margin-left: -40px;
}

【讨论】：