3

同じ Web ページで幅、余白、パディングなどの異なる複数のポップオーバーを使用することは可能ですか?

テーブル フィールドには幅 300px のポップオーバーを使用し、リンクには幅 200px のポップオーバーを使用したいと考えています。

ポップオーバーの CSS プロパティには精通していますが、複数のポップオーバーを異なる CSS プロパティで使用する方法がわかりません。

4

1 に答える 1

4

デフォルトのテンプレートを独自のものでオーバーライドしてから、css で好きなようにスタイルを設定できます。

次に例を示します。

$("#example").popover({
      placement : 'bottom',
      template: '<div class="popover" style="width: 300px"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>',
      content : "Your content goes here."
});

幅を 300px に設定するインライン スタイルに注意してください。要素に独自のクラス名を追加し、独自のスタイルシートでスタイルを設定する必要があります。

于 2013-03-13T06:42:18.177 に答える