web-dev-qa-db-ja.com

Twitter Bootstrap pop-over not loading

ここで何が悪いのですか?

私はより大きなプロジェクトでそれを試してみましたが、どちらも機能させることができませんでした

私のjsfiddleを参照してください

http://jsfiddle.net/keithmancuso/24RQM/

UPDATE:わかりましたので、$( "。pop")。popover();を手動で追加すると機能します。しかし、私はそれらをそのように初期化する必要がありますか?

私は答えはイエスだと思います...あなたはそれを動作させるためにあなた自身のコードでそれらを初期化しています...これを行うために私が見つけた最も簡単な方法は単に追加することです

$(function() {
    $('a[rel="popover"]').popover();
});
23
Keith Mancuso

同様の問題がありました。 bootstrapポップアップのjavascriptなしのバージョンを探していましたが、それは可能ではないようです。 http://Twitter.github.comのページソースを見ると/bootstrap/javascript.html#popover 709-718行で、例が同様のことをしていることがわかります:

私のために働く簡単なバージョンがここにあります

<a href="#" class="btn danger" 
            rel="popover" 
            data-original-title="title" 
            data-content="content">popover</a>
<script>
  $("a[rel=popover]").popover();
</script>

編集:最近のバージョンのTwitterブーストラップ(現時点では2.2.1)では、ポップオーバーリンクをクリックすると問題が発生する可能性があります。ページの上部に移動しました。この答えも有益かもしれません https://stackoverflow.com/a/13759775/341692 。基本的にあなたのjsは今あるはずです

<script>
$("a[rel=popover]")
    .popover()
    .click(function(e) { 
        e.preventDefault(); 
    });​
</script>
23
hajpoj

価値があることについて、私はbootstrap tabs()関数でセレクターaを使用する方法に関する同様の質問 here に答えました。私はpopover() 似ています。

0
D.Tate