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 回答