【问题标题】:Jquery.min.js conflictJquery.min.js 冲突
【发布时间】:2014-05-04 17:44:43
【问题描述】:

当我使用位于标题中的以下类型函数时,我的site 出现问题:

<script>
    $(document).ready(function() {
    $('#showVolunteer').click(function() {
        $('.vol_info').slideToggle("fast");
    });
});
</script>

我必须包含以下代码行才能让它在网站中执行我想要的操作:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

上述功能,用于主页上的“如何志愿服务...”链接,并允许展开和折叠数据。但是,当我像我一样调用 jquery.min.js 库时,它会导致特色内容显示每六秒停止一次旋转图片。当我删除该行时:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

幻灯片正常刷新,“如何做志愿者...”链接停止工作。我不能让他们俩一起工作。

我意识到 wordpress 在以下位置 \wp-includes\js\jquery\jquery.js 包含 jquery.js 的副本,这是非压缩版本,但不知何故,我上面的函数无法识别该库中的内容。它仅在以上述方式调用时识别 jquery.min.js

我的问题是,我需要做些什么才能使首页上的展开和折叠数据链接与特色内容旋转器每隔几秒钟更改一次图片一起工作?换句话说,两者同时工作。

我应该将我所有的函数(类似于上面的函数)放在一个已经存在于 wordpress 中的 .js 文件中吗?

谢谢

【问题讨论】:

  • 您是否在您的页面上使用除 jQuery 之外的任何其他使用 $ 变量的 JavaScript 库?
  • 你不需要包含你自己的 jQuery 文件,因为它已经存在于 wordpress 中。在https://api.jquery.com/jQuery.noConflict/ 上也有很好的解释。请让我们知道您的确切问题,我们将为您提供帮助。

标签: javascript jquery wordpress


【解决方案1】:

这个问题已经解决了。显然,您不应该在 Wordpress .js 文件中使用 $ 符号,因为它被其他库使用并在调用 jQuery 时引起混淆。相反,您必须使用“jQuery”代替“$”符号。完成此操作后,一切正常。

对于 Wordpress,jQuery() 不是 $()。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-06-12
    • 1970-01-01
    • 2017-03-22
    • 2011-11-22
    • 2016-02-25
    • 2011-08-04
    相关资源
    最近更新 更多