0

在尝试按照官方 Bootstrap 文档中的这个示例(在“标记”下)时,我无法让工具提示正常工作。

<a href="#" data-toggle="tooltip" title="first tooltip">Hover over me</a>

使用 Javascript 触发工具提示:

$('#example').tooltip(options)

我的问题是我是否应该将javascript代码(它所指的“触发器”)添加到header.php中,或者我是否应该以某种方式将它作为function.php中的函数加入队列(我不知道如何做得正确),或者我什至应该将其与其余内容一起放在页面本身的标签中。到目前为止,我尝试过的任何方法都没有正常工作。谢谢!

4

2 回答 2

1

只需在加载元素以及 jquery 并且加载 twitter bootstrap javascript 后触发触发器。

这也取决于您的 wordpress 主题及其设置方式。

你把你的javascript放在哪里了?

如果您使用过引导程序,您是否手动将 CSS 和 JS 文件添加到您的主题中?还是您使用 Boilerplate 作为主题的基础?

您希望在所有其他脚本都初始化后加载您的 JS。

如果您还没有包含自己的 javascipt,我建议您执行以下操作。

创建一个 main.js 文件并将其放在您创建的名为“js”的文件夹中。

在您的 footer.php 中(如果您的主题中有一个),就在</body>添加之前:

<script src="js/main.js></script>

然后在您的 js 文件中,您将要添加“触发器”调用。

$('#example').tooltip(options)

如果您调用触发器并且元素不在页面上,您可能会遇到另一个问题。(您是否将该元素 ajax 到页面中?)

希望这可以帮助。

于 2013-09-04T19:17:45.203 回答
0

听起来您可能没有在页面上包含 tooltip.js。

如果您需要非默认选项,则通过 javascript 触发工具提示。

于 2013-09-04T19:13:35.473 回答