【问题标题】:Trouble with Tooltips in Bootstrap 3 / WordpressBootstrap 3 / Wordpress 中的工具提示问题
【发布时间】:2013-09-04 18:51:31
【问题描述】:

我在尝试遵循官方 Bootstrap 文档中的 this example(在“标记”下)时遇到问题。

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

使用 Javascript 触发工具提示:

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

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

【问题讨论】:

    标签: javascript jquery wordpress twitter-bootstrap


    【解决方案1】:

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

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

    你把你的javascript放在哪里了?

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

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

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

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

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

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

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

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

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

    希望这会有所帮助。

    【讨论】:

    • 谢谢!我最终能够通过使用您包含的方法(即“main.js”)和以下代码使其工作:jQuery(document).ready(function($){ $('#example').tooltip() }); 我认为我与调用 jQuery 的方式存在一两个冲突,所以我仍然有解决这个问题,但这确实有效。
    • 好吧,很高兴这对您有所帮助。如果您想发布一个指向您的项目的链接(如果您可以托管它),我很乐意看看 jQuery 是如何被初始化的。听起来你的多米诺骨牌可能出了问题,所以当一个人跌倒时,它不会击中下一个,如果这有意义的话...... :)
    【解决方案2】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-03-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-05-28
      • 2013-11-10
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多