Question

再次对不起，但我无法使用现有的解决方案。这是在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

Answer 1

尝试在bootstrap之前调用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>

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

再次使用jsp文件中的Bootstrap工具提示

2 个答案: