web-dev-qa-db-ja.com

Bootstrapボタンがジャンプするツールチップ

ボタンの上にカーソルを置くとツールチップが表示されると、ボタンがジャンプします。ツールチップを無効にしても、ジャンプしません。さらに、右のボタンは丸いエッジを失います。これを防ぐにはどうすればよいですか？

<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/

ここにジャンプすることなく動作しているウェブサイトがあります...

http://wrapbootstrap.com/preview/WB005S479

csstwitter-bootstraptooltip
60
Brian Salta

ジャンプを回避するには、コンテナ属性を設定する必要があります。これは文書化されています。

Bootstrap=入力グループでツールチップとポップオーバーを使用する場合は、コンテナオプションを設定して、望ましくない副作用を回避する必要があります。

以下を試してください：

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