0

私はajax呼び出しを介してページにいくつかのhtml要素を配置しているので、次のようにツールチップを呼び出しています。

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

3 に答える 3

0

最初のコードでは、hover存在しないイベントを使用しています。代わりに、mouseenterまたはmouseoverイベントを使用する必要があります。

2番目のコードでは、リンクの代わりにタグに追加tooltip()しています。body

コードを次のように変更しましたが、動作しています。ここでライブデモンストレーションを見ることができます：

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

さらに質問してください。

于 2013-03-21T19:53:59.030 に答える
0

ajax呼び出しの成功にツールチップを添付してみませんか？

$.ajax({
    success: function(){
        $('.has-tooltip').tooltip();
    }
})
于 2013-03-21T18:31:56.870 に答える
0

ブートストラップのバグだったと思います。2.3.1にアップデートし、問題は（部分的に）解決されました（それでも時々発生しますが、理由はわかりません）。

2.3.1の変更ログには次のように書かれています。

fix delegated data-attrs for popover/tooltip
于 2013-03-26T21:35:57.060 に答える