首页 文章

Wordpress中的Tooltipster jQuery加载问题

提问于
浏览 次
0

我正在尝试将此Tooltipster脚本添加到我的Wordpress网站，并遇到jQuery加载问题 .

该网站的说明说，此代码应添加到head标签（已经为我的网站修改了文件的链接）：

<link rel="stylesheet" type="text/css" href="http://oopsbox.me/wp-content/uploads/js/tooltipster.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="http://oopsbox.me/wp-content/uploads/js/jquery.tooltipster.min.js"></script>
<script>
    $(document).ready(function() {
        $('.tooltip').tooltipster();
    });
</script>

然后在任何元素上添加.tooltip类应该在悬停等时显示一个很好的工具提示 .

当我尝试在单独的页面上执行此操作时，这非常有效 . 例如，这是我的test page .

但是，当我尝试将相同的代码添加到Wordpress header.php头标记以在我的主页上显示工具提示时，该站点停止工作 .

我认为这是因为jQuery加载行导致Wordpress已经有一个并使用更新版本的jQuery（Tooltipster应该支持） .

我试图删除Tooltip jQuery加载行，并且默认只保留一个Wordpress，但工具提示不起作用 .

你能说出我做错了什么，这里可能的解决方案是什么？

一大堆的谢谢！

亚历克斯

jquery wordpress tooltipster

2 回答

  • 0

    通过它的外观 - 似乎jquery处于noconflict模式 .

    通过添加 jQuery 而不是 $ 来更新代码

    <script>
    jQuery(document).ready(function() {
       jQuery('.tooltip').tooltipster();
    });
</script>
    回复于
  • 0

    使用您的开发工具（Chrome中的f12）查看这些脚本是否正确加载 . 由于多种原因，Wordpress也不是像这样硬编码脚本的粉丝 .

    jQuery默认已经加载了WP . 去掉：

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>

    使用SFTP将脚本上传到您的站点并将它们放在主题文件夹中，然后使用以下方法：

    始终使用WP wp_enqueue_script函数

    // for plugin use
wp_enqueue_script('my_script', plugins_url('my_plugin/jquery.tooltipster.min.js'));
// for theme use
wp_enqueue_script('my_script', get_bloginfo('stylesheet_directory') . '/jquery.tooltipster.min.js');
    回复于

相关问题