0

Webサイトにブートストラップポップオーバーを実装しようとしていますが、何らかの理由で機能していません。

コンソールはエラーを出力しません。また、JSが機能しているかどうかを確認するためだけにアラートを作成しました。

私のコードは次のとおりです。

頭：

  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="js/bootstrap.js" type="text/javascript"></script>

  <script type='text/javascript'>
     $(document).ready(function () {
      alert("Aaaa");
       $('#example').tooltip();
     });
  </script>

HTML

<a href="#" rel="tooltip" data-placement="right" 
   data-original-title="Tooltip on right"
4

3 に答える 3

1

パフォーマンス上の理由から、ツールチップとポップオーバーのデータAPIはオプトインされています。これらを使用する場合は、セレクターオプションを指定するだけです。

-ブートストラップドキュメント

しかし、それをカバーしている場合は、idattrをタグに追加する必要があるようです。

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

例

于 2012-10-11T18:13:19.573 に答える
0

[編集]最初に他の答えを試してください。

JSで参照するには、HTMLで選択するIDが必要だと思います

また、本文スクリプトにtype ='text/javascript'を指定せずに試してください。

から

 <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="js/bootstrap.js" type="text/javascript"></script>

  <script type='text/javascript'>
     $(document).ready(function () {
      alert("Aaaa");
       $('#example').tooltip();
     });
  </script>

に-

 <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="js/bootstrap.js" type="text/javascript"></script>

  <script>
     $(document).ready(function () {
      alert("Aaaa");
       $('#example').tooltip();
     });
  </script>
于 2012-10-11T18:15:00.137 に答える
0

これは、すべての要素に対して同時に機能します。

$("[rel='tooltip']").tooltip();
于 2013-01-15T16:30:29.603 に答える