Twitter bootstrap Twitter引导程序在元素中间的位置错误
我通过ajax调用在页面中放置了一些html元素,因此我调用工具提示如下:Twitter bootstrap Twitter引导程序在元素中间的位置错误,twitter-bootstrap,tooltip,placement,Twitter Bootstrap,Tooltip,Placement,我通过ajax调用在页面中放置了一些html元素,因此我调用工具提示如下: $(document).on('hover','.has-tooltip',function(){ $(this).tooltip('show'); }); 我也试过这样做: $('body').tooltip({ selector: '[rel=tooltip]' }); 但问题依然存在 问题是工具提示完全显示在射击元素的中间,而不是在它的外部边界旁边。 令人恼火的是,通过这种方式,工具提示部分隐藏
$(document).on('hover','.has-tooltip',function(){
$(this).tooltip('show');
});
我也试过这样做:
$('body').tooltip({
selector: '[rel=tooltip]'
});
但问题依然存在
问题是工具提示完全显示在射击元素的中间,而不是在它的外部边界旁边。
令人恼火的是,通过这种方式,工具提示部分隐藏了触发元素
是否可能是使用.on()
调用工具提示导致了问题
有解决办法吗?如何调整工具提示显示到的图元之间的距离
这是HTML
<a
style="display:block"
data-placement="left"
data-original-title="Add"
class="has-tooltip pull-right icon-black"
rel="tooltip" href="#"
>
<i class="icon-plus"></i>
</a>
为什么不在ajax调用成功时附加工具提示
$.ajax({
success: function(){
$('.has-tooltip').tooltip();
}
})
在第一个代码中,您使用的是不存在的
悬停
事件。相反,必须使用mouseenter
或mouseover
事件
在第二个代码中,将tooltip()
添加到body
标记,而不是添加链接
我将您的代码更改为以下代码,现在它可以工作了。您可以看到现场演示:
请随意提问。我想这是一个引导错误。我已经更新到2.3.1,问题已经(部分)解决(在某些情况下仍然会发生,但我不知道为什么) 2.3.1的更改日志显示:
fix delegated data-attrs for popover/tooltip
向我们展示你的html代码为问题代码中的错误感到抱歉,不管怎么说,这是可行的(我只是在这里拼错了),所以工具提示实际上出现了。问题是当他们在错误的地方(也就是在射击元素的中间)显示DO时,也用代码显示。我想一定是与某个代码有冲突。。既然我不能发布我所有的css和js,你有什么建议可以先看看哪里吗?谢谢你@ghego1你能用JSFIDLE向我展示你所有的js吗?我猜你把代码放错地方了
fix delegated data-attrs for popover/tooltip