2013-01-16 5 views
53

ボタンの上にカーソルを置くと、ツールチップが表示され、ボタンがジャンプします。ツールチップを無効にすると、ジャンプしません。さらに、右のボタンは丸いエッジを失います。これを防ぐ方法を教えてください。ボタンをジャンプさせるブートストラップのツールチップ

<div class="btn-group"> 
    <a rel="tooltip" class="btn" href="#" data-title="View Details"><i class="icon-list-alt"></i></a> 
    <a rel="tooltip" class="btn" href="#" data-title="Delete"><i class="icon-trash"> </i></a> 
</div> 

Javascriptを:

$('[rel=tooltip]').tooltip(); 

作業バージョン...ここ

http://jsfiddle.net/BA4zM/147/

が、それはジャンプせずに働いているWebサイトです...

http://wrapbootstrap.com/preview/WB005S479

+1

あなたはこの1つで一人ではありません。あなたは解決策を見つけましたか?ありがとう? –

+1

これは、bootstrap-tooltip.jsファイルのバージョン2.3.0で修正されています。 http://jsfiddle.net/BA4zM/149/ –

+0

@bmorehokieどちらの作品も現在はありません.... –

答えて

139

ジャンプを避けるには、コンテナ属性を設定する必要があります。これは文書化されています。あなたは 望ましくない副作用を回避するために、コンテナのオプションを設定する必要があります

ブートストラップ入力グループとツールチップとpopoversを使用して、 。

は、以下のことを試してみてください。

$('[rel=tooltip]').tooltip({container: 'body'}); 
+13

ツールチップを持つ新しい要素が可能な場合に 'selector'を使用する必要がある場合は、その場でページに追加すると、データ属性を介して 'container'を設定する必要があります。 'data-container =" body "' – steakchaser

+0

こんにちは@Howdie!私はまだ興味がありますが、ツールチップの間、btn-groupで正確に何が起こるのですか? –

+1

@DeepakYadav、それはツールヒントコンテナが最も近い子孫要素に挿入されていると思われますが、このコンテナの内容はデフォルトでボタンとボタングループのレイアウトに影響します。明示的に 'body'コンテナを指定すると、問題が解決されます。 – Farside

関連する問題