Twitterのブートストラップを使ってjavascript関数を呼び出す方法は？

Tritter's Bootstrapで提供されているjavascriptを使用したいと思います。私はすべての.jsファイルがOKであることを指摘していることを確認しました。Twitterのブートストラップを使ってjavascript関数を呼び出す方法は？

docsを読んだあと、適切なjavascript関数を「呼び出す」必要があることを理解していますか？

使用して、ブートストラップ・tooltip.js トリガーJavaScriptでツールチップ：$（ '＃例'）ツールチップ（オプション）私はその関数を呼び出すことができますどのように

？それは適切なhtmlを置くのに十分ではないようだ、私も関数を呼び出す必要がありますか？

ありがとうございます！

出典

2012-02-19 Rosamunda

HTML要素にexampleのIDを与え、このような適切な属性：あなたの<head>で

<p><a href="#" rel="tooltip" title="first tooltip" id="example">hover over me</a>,/p>

ではJavaScript <script>要素を作成し、確認のjQueryがロードされ、その後、jQueryの内にツールチップを追加しますexampleのIDを持つ要素：

<script type="text/javascript"> 
    window.onload = function() 
    { 
     if(!window.jQuery) 
     { 
      alert('jQuery not loaded'); 
     } 
     else 
     { 
      $(document).ready(function(){ 
       $('#example').tooltip({'placement':'top', 'trigger' : 'hover'}); 
      }); 
     } 
    } 
</script>

この意志のセットアップあなたが#example要素上にカーソルを移動ツールチップ。 topをleft,rightまたはに変更すると、要素自体に関連してツールチップが配置される場所が変更されます。

将来的には、これもまたポップオーバーを設定する方法です。

出典

2012-02-19 21:34:52

詳細返信ありがとうございます！私はそれを試みたが、それは働かなかった。私はそれがリンクに関連するかもしれないと思う？私は頭の中にと（自分のフォルダにあるブートストラップファイルの代わりに）、それはうまくいきません。 – Rosamunda

「」タグの最後の前にJavaScriptファイルを読み込みます。 [documentation]（http://twitter.github.com/bootstrap/javascript.html#popovers）のソースコードを見てください。あなたの 'bootstrap/js'フォルダに' jquery.js'、 'bootstrap-tooltip.js'、' bootstrap.js'をチェックし、もしあなたが[documentation source code]（http： /twitter.github.com/bootstrap/javascript.html#popovers）、3つのファイルを 'bootstrap/js'フォルダに保存してください（最低3つ！私はそれらをすべて持っているので、あなたが必要とするものは何か分かりません）。 –

ありがとう!!あなたが正しい！ – Rosamunda

Twitterのブートストラップを使ってjavascript関数を呼び出す方法は？

答えて

関連する問題