1

「ポップオーバー」をBootstrapで機能させようとしています。私のコードは正しいと思いますが、javascript の部分については確信が持てません。以下は、私の頭の中に含まれているもの - javascript のインポート - と私のタグがどのように見えるかです。お手伝いありがとう!

  <script src="http://code.jquery.com/jquery-latest.js"></script>
 <script src="js/bootstrap.js" type="text/javascript"></script> 
<script src="js/JSForFinal.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

そして私の JFForFinal.js の中で

 $("a[rel=popover]").popover('show');

body タグ内のタグは次のようになります。

      <a href="#" rel="popover" data-placement="right" data-original-title="popover on     
      right">Stuff</a>

すべてが正しいように感じますが、ボタンをクリックしても何も表示されません。ありがとうございました!

4

1 に答える 1

2

jquery ドキュメント対応の呪文で js をラップします。

$(function() {
     $("a[rel=popover]").popover('show');
});

これは次の省略形です。

$(document).ready(function() {
     $("a[rel=popover]").popover('show');
});

これは、ドキュメントの準備が整うまで実行を延期するよう jquery に指示します。

ボタンがクリックされるまで実行を延期する場合は、次のようにします。

$(function() {
     $('#buttonid').click(function() {
         $("a[rel=popover]").popover('show');
     });
});
于 2013-03-21T04:45:15.030 に答える