Twitter的引导的元素

我把一些HTML元素通过AJAX调用页面的中间位置不对，所以我打电话，像这样的提示：Twitter的引导的元素

$(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>

来源

2013-03-21 ghego1

向我们展示你的HTML代码 – 2013-03-21 18:33:20

我想这是一个引导错误。我已经更新到2.3.1，并且（部分）解决了问题（它在某些场合仍然存在，但我不知道为什么）。

更改日志2.3.1说：

fix delegated data-attrs for popover/tooltip

来源

2013-03-26 21:35:57 ghego1

你为什么不附上您的AJAX调用提示成功？

$.ajax({ 
    success: function(){ 
     $('.has-tooltip').tooltip(); 
    } 
})

来源

2013-03-21 18:31:56 Vassilis

不工作是这样的... – ghego1 2013-03-21 19:38:13

在您的第一个代码中，您使用的是不存在的hover事件。相反，您必须使用mouseenter或mouseover事件。

在您的第二个代码中，您将tooltip()添加到body标记而不是链接。

我将你的代码更改为以下，现在它正在工作。你可以看到一个现场演示here：

$('body').delegate('a.has-tooltip', 'mouseenter', function() { 
    $(this).tooltip('show'); 
});

随时提出进一步的问题。

来源

2013-03-21 19:53:59

对不起，在问题的代码中的错误，反正这是工作（我只是这里拼写错误），所以实际上显示了工具提示。问题是，当他们在错误的地方（即在击发元素的中间）显示出来的时候，还有你的代码。我猜想肯定会和某些代码发生冲突。由于我无法发布我的所有css和js，因此您对首先查看的位置有任何建议吗？谢谢！ – ghego1 2013-03-22 15:17:23

@ ghego1你可以用jsfiddle向我展示你所有的js吗？我想你是把代码放在错误的地方 – 2013-03-22 17:27:41

Twitter的引导的元素

回答

相关问题