2

申し訳ありませんが、既存のソリューションでは機能しませんでした。これは、Tomcat 7 で実行される .jsp ファイルです。

<head>
 ...
<link href="bootstrap.css" rel="stylesheet" type="text/css" />
<script src="bootstrap.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"
                type="text/javascript"></script>
<script type='text/javascript'>
$(document).ready(function() {
   $("[rel=tooltip]").tooltip();
});
</script>
</head>
<body>
...
<a href="#" rel="tooltip" data-title="tooltip" data-content="hallo" data-placement="right">Tooltip on
                        right</a>
...

通常、これはうまくいくはずですよね？すでに、html ファイルの本文または末尾にある .js のものを取得しようとしました。ツールチップを表示していません。多分それはjspファイルで動作していませんか? oO

4

2 に答える 2

1

ブートストラップの前に jquery を呼び出してみてください:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script src="bootstrap.js" type="text/javascript"></script>
于 2013-01-04T14:57:03.897 に答える
0

私の場合、入力を使用します：

<input type="text" title="Tooltip on right." data-toggle="tooltip" class="form-control tooltip-demo" placeholder="">

そして彼のそれぞれのスクリプト：

<script>
   $(function () {
     $('[data-toggle="tooltip"]').tooltip({
          track: false,
          position: {my: "left+10", at: "right"}
      });
   })
</script>
于 2016-05-23T22:13:35.477 に答える