6

ブートストラップに問題があります。ポップオーバーの最も簡単な例でさえ機能しないため、JS が何らかの形で正しく機能していないようです。(http://jsfiddle.net/weuWk/363/) JSFiddle で正しく動作するこの小さなコードは、ソース コードで使用されている場合、ボタン (ホバー機能なし) を作成するだけです。

Modal-Plugin は実際に機能しているので、js ファイルを正しい方法でインクルードする必要があります。とにかくコピーします:

 <script src="js/bootstrap.min.js"></script>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
4

1 に答える 1

15

ブートストラップは単なる jQuery の「プラグイン」であるため、jQuery はブートストラップの JavaScript の前に含める必要があります。

次の順序で含める必要があります。

  1. jQuery
  2. ブートストラップ
  3. あなたのJavascript

編集: body 終了タグの直前でこれを試してください

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
<script> 
$(function(){
    $('#test').popover();​
});
 </script>

また、コンソールはあなたの友達です。エラーがないことを確認してください。

解決済み:

解決策: > インクルードの正しい順序 > js コンソールから取得したエラーを修正します。

于 2012-12-17T22:30:00.223 に答える