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的引導的元素

回答

相關問題