2012-01-15 16 views
4

Bootstrapのpopoverプラグインを使用しています。 (link)でも動作しません。TwitterのBootstrap Popoverが動作しない

HTML:

<a data-placement='above' class='danger' rel='popover' data-content='test code here' href='#'>Click</a> 

Javascriptを:

<script type='text/javascript' src="../js/jquery.js"></script> 
    <script type='text/javascript' src="../js/twipsy.js"></script> 
<script type='text/javascript' src="../js/popover.js"></script> 

答えて

3

最良の方法は、以下のスクリプトコードを追加します:

<script> 
    $(function() { 
     $("a[rel=popover]") 
      .popover({ 
       offset: 10 
      }) 
      .click(function (e) { 
       e.preventDefault() 
      }) 
    }) 
</script> 

この方法で、すべての要素属性rel = "popover"はこのポップオーバーを表示します。

あなたのコードに変更を加える必要はありません。私のマシンでは、少なくとも私のマシンではうまく動作します;-)
試してみてください!

+0

ありがとうございましたが、仕事がありませんでした。 – kirby

+1

申し訳ありませんが、あなたの質問を誤解しました。私は1分で私の答えを変えるつぶやきツールチップではなく、popoverをしたい。 –

関連する問題