6

このLINKを見て、ブートストラップ ツールチップがこの svg に表示されない理由を教えてください。

ここに私が持っているコードがあります

<div class="container">
<div class="well">
   <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="200px" height="200px" viewBox="0 0 200 200" enable-background="new 0 0 200  200" xml:space="preserve">
   <polygon  class="firststar" points="64.385,54.267 56.951,50.769 49.854,54.911 50.884,46.76 44.752,41.291 52.823,39.751 56.129,32.229 60.087,39.429 
68.262,40.249 62.639,46.239 "/>
  </svg>
</div>
</div>

と

このjquery関数を使用しています

$('.firststar').tooltip();
4

1 に答える 1

15

その理由は、デフォルトでは、動的に生成されたツールチップ div が svg に挿入され、ブラウザがレンダリングしないためです。代わりcontainerに、オプションのプロパティを使用して、ブーストラップで生成された div を配置する必要があるコンテナーを設定します。以下の例を参照してください。

$('.firststar').tooltip({title:'sometitle', container:'body'});

コンテナーは、svg 要素以外のコンテナーにすることができます。あなたのケースで言う.wellので、次のように書きます

$('.firststar').tooltip({title:'sometitle', container:'.well'});

デモ

ツールチップ オプションを表示

于 2013-06-15T06:36:32.857 に答える