Bootstrap 3 / Wordpress中的工具提示出现问题

时间:2013-09-04 18:51:32

标签: javascript jquery wordpress twitter-bootstrap

在尝试从官方Bootstrap文档中关注this example(在“标记”下)时,我无法获得工具提示。

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

使用Javascript:

触发工具提示
$('#example').tooltip(options)

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

2 个答案:

答案 0 :(得分:1)

一旦元素加载,jqery和twitter bootstrap javascript已加载,只需要触发触发器。

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

你在哪里放入你的javascript?

如果您使用过bootstrap,您是否手动将CSS和JS文件添加到主题中?或者你是否使用Boilerplate作为主题的基础?

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

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

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

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

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

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

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

如果您的触发器和元素不在页面上,则可能遇到的另一个问题。 (你把那个元素写进了页面吗?)

希望这有帮助。

答案 1 :(得分:0)

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

通过javascript触发工具提示,以防您需要非默认选项。