Bootstrap提示框无法正常工作。

Question

我的JavaScript代码：

<script>
    $(function(){
        $('a[rel=tooltip]').tooltip();
    });
​</script>

以下是我的HTML代码：

<br><br><br>This is an example of a sentence with a
<a href="#" rel="tooltip" title="This is the tooltip!">tooltip</a>!

这并未显示Bootstrap 2.0工具提示，而是显示了一些默认的提示。

- Ali Gajani

---

你需要更详细地描述你的问题，因为这里提供的信息不足以确切说明出了什么问题。你所说的 "默认一个" 是什么意思？请发一张截图来展示你的工具提示。请贴出更多的代码，包括你在页面中引用的 JavaScript 文件、你包含的 CSS 和任何嵌入的 JavaScript。 - Simon Cunningham

我已经有了...那部分是相关的，为什么你要我发布整个代码？ - Ali Gajani

@AliGajani，如果您发布您的标记，以便查看包含哪些js脚本和哪些不包含，这将有所帮助。 - Andres Ilich

Answer 1

尝试将代码添加到页脚中。这对我有效！由于某些原因，在页眉中它不起作用！

- Karthik

---

仅补充一点A。您必须在主jQuery库加载后添加所有jQuery函数。它们还应在$(document).ready()方法内调用。 - Brennan McEachran

Answer 2

假设您已经声明了以下工具提示：

<a href="#" rel="tooltip" class="tip" title="Rating:' + rating + '">'+ name +'</a>

在同一个文件中，确保你包含了以下内容：

<script type="text/javascript">
     $('.tip').tooltip();
</script>

请注意，您应该在引用此代码之后的 HTML 中引用它，或者将其包裹在

中。

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

请注意，jQuery选择器指的是工具提示的类而不仅仅是一个工具提示的id。

- Rose Perrone

Answer 3

请确保已加载.tooltip类的所有CSS样式。

如果没有这些样式，工具提示可能会显示在浏览器窗口可见部分之外。

- Case Sensitive