1

Rails 3.2 と Twitter Bootstrap の使用方法はこちらの「bootstrap-popover.js」と「bootstrap-tooltip.js」

これは私がしたいことです：

P

ホバーしたときのために：

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

「bootstrap-popover.js」と「bootstrap-tooltip.js」の両方に$('a').popover(placement:'top'); があります。

ポップアウトを上の図のように表示するには、他にどのようなオプションを指定できますか。オプション「タイトル」と「ここに素晴らしいコンテンツがあります。非常に魅力的ですよね?」

ここに私が現在得ているものの写真があります：

ここに画像の説明を入力

ありがとう。

4

1 に答える 1

3

これは、あなたが望むように聞こえるものの実際の例です: http://jsfiddle.net/chapmanc/DuKCg/4/

また、javascript の行を 1 か所に配置するだけで済みます。私は通常、すべてのカスタム関数を含む新しい .js ファイルを作成し、ポップオーバー スクリプトとツールチップ スクリプトを含めるのと同じ方法でそれをページに含めます。

たとえば、ファイルの下部は次のようになります。

<script src="js/jquery.js" type="text/javascript"></script> 
<script src="js/bootstrap.js" type="text/javascript"></script>
<script src="js/bootstrap-tooltip.js" type="text/javascript"></script>
<script src="js/bootstrap-popover.js" type="text/javascript"></script>
<script src="js/customFunctions.js" type="text/javascript"></script>

customFunctions.js には次のものがあります。

$('a').popover({placement:'right'});
于 2012-05-18T22:59:46.377 に答える