2

Ruby on Rails と Twitter Bootstrap の初心者 :P

画像にポップオーバーを追加しようとすると、スクロールするとポップアウトが表示され、画像の大きなバージョンが表示されます。

画像：

<ul class="thumbnails">
  <div class="span1">
    <ul>
     <li>
      <a href="#" class="thumbnail"><img src="http://placehold.it/125x100" alt=""></a>
     </li>
  </div>
    </ul>

「bootstrap-popover.js」と「bootstrap-tooltip.js」(拡張)をアセットディレクトリの適切なフォルダーに追加して(Rails 3.2を使用)、Twitter Bootstrapの「Popovers」を使用しようとしています。

画像をスクロールしたときにポップアウトが機能するようにアクティブにしたい場合は、どうすればよいですか?

ポップオーバーが機能する特定の要素を呼び出す方法が本当にわかりません。

私が実現しようとしていること:)

どうもありがとう！！！

4

1 に答える 1

2

JavaScript ファイルをリンクする場所の後に、この JavaScript ステートメントを挿入します。これにより、すべての 'a' 要素 (ページ内のリンク) のポップオーバーがアクティブになります。

$('a').popover(placement:'top');

このコードを試してテストしてください。link タグに rel、title、および data-content 属性を設定すると、その要素の popever がアクティブになります。

<ul class="thumbnails">
  <div class="span1">
    <ul>
     <li>
      <a href="#" rel="popover" title="A Title" data-content="<img src='http://placehold.it/125x100'/>">Hover over me for image.</a>
     </li>
  </div>
</ul>
于 2012-05-18T13:28:07.487 に答える