4

私がコピーしたドキュメントに従って：

<div class="container">
    <div class="row">
        <div class="bs-docs-example" style="padding-bottom: 24px;">
            <a href="#" class="btn btn-large btn-danger" rel="popover" data-content="And here's some amazing content. It's very engaging. right?"
            data-original-title="A Title">Click to toggle popover</a>
        </div>
    </div>
</div>

JSfiddle

しかし、それは機能していません。私は何が間違っているのですか？

4

3 に答える 3

7

私は2つのことをすることによってそれを機能させました：

  1. PopoverはTooltipに依存しているため、bootstrap-popover.jsの前にbootstrap-tooltip.jsが含まれていることを確認してください。

  2. 次のような行でプラグインをアクティブ化します$('.container a').popover();

上部のポップアップをタグに追加data-placement="top"します。a

于 2012-08-26T00:51:42.463 に答える
7

ポップオーバーはデフォルトでは初期化されません。オールインクルーシブのbootstrap.js（v 2.2、2.3）を含めた場合は、次の方法で初期化します。

$（'a [data-toggle = popover]'）。popover（）;
于 2013-02-20T15:23:16.913 に答える
3 
<a href="#" id="LinkId">Text</a>

ドキュメントの準備ができて、

$("#LinkId").popover({ title: '', content: "Popover Content", placement: 'left|top|etc', trigger: 'hover' });

含める必要があるのはbootstrap.js。

于 2012-08-28T18:34:36.137 に答える