3

私はいくつかのマーカーを備えた地図の画像を持っています-クラスの各マーカー.markerは絶対的に配置され、親div#mapは比較的配置されています-これまでのところ良いです。

Bootstrapを使用していますが、ユーザーがマーカーの1つにカーソルを合わせたときに、場所の名前がポップアップ表示されるツールチップが必要です。ツールチップが表示され、期待どおりに機能します。ただし、マーカーの近くにはありません。divの上部にあり#mapます。

絶対に配置されているマーカーの横/上にツールチップを表示する方法についてのアイデアはありますか？

どんな助けもいただければ幸いです、

イアン

4

3 に答える 3

2

これがあなたのコードで機能するかどうかはわかりません（投稿しますか？）

これを js に追加します。

$(function() {
  $('.marker').tooltip({placement: 'right'});
});

または、次を使用している場合data- attributes:

<div class="marker" data-toggle="tooltip" data-placement="right"></div>
于 2013-03-22T17:39:24.863 に答える
0

ツールチップを簡単に変更 data-placement="left", data-placement="right", data-placement="top", data-placement="bottom"

以下にコードを記載します

<div class="col-md-10 col-md-push-1">
    <div class="col-md-3">
    <button type="button" class="btn btn-block btn-danger col-md-10" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
    </div>
    <div class="col-md-3">
    <button type="button" class="btn btn-block btn-primary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
    </div>
    <div class="col-md-3">
    <button type="button" class="btn btn-block btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
    </div>
    <div class="col-md-3">
    <button type="button" class="btn btn-block btn-danger" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>
    </div>
</div>                

<script>
$('[data-toggle="tooltip"]').tooltip({
});
</script>
于 2014-06-24T13:51:56.690 に答える