jsp文件中的引导工具提示...再次答案

【问题标题】：Bootstrap tooltip in jsp file...againjsp文件中的引导工具提示...再次
【发布时间】：2012-09-27 16:28:17
【问题描述】：

再次抱歉，我无法让它与现有解决方案一起使用。这是在 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文件中不起作用？哎哟

【问题讨论】：

标签： jsp twitter-bootstrap tooltip

【解决方案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>

【讨论】：

【解决方案2】：

就我而言，我使用输入：

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

【讨论】：