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

Trouble with Tooltips in Bootstrap 3 / Wordpress

本文关键字：工具提示 问题 Wordpress Bootstrap      更新时间：2023-09-26

我在尝试遵循官方 Bootstrap 文档中的此示例（在"标记下"）时无法获取工具提示。 

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

使用 Javascript 触发工具提示：

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

我的问题是我是否应该将 javascript 代码（它被称为"触发器"）添加到标头中.php或者我是否应该以某种方式将其作为函数中的函数排队.php（我不确定如何正确做），或者我是否应该将其与其他内容一起放在页面本身的标签中。到目前为止，我尝试过的任何方法都没有正常工作。谢谢！

一旦元素被加载，以及jquery和twitter bootstrap javascript被加载，触发器只需要被触发。

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

你把你的javascript放在哪里？

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

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

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

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

在您的页脚中.php（如果您的主题中有主题），在</body>之前添加：

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

然后在您的 js 文件中，您需要添加您的"触发器"调用。

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

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

希望这有帮助。

听起来您可能没有在页面上包含工具提示.js。

通过javascript触发工具提示是为了以防您想要非默认选项。

相关文章：