Jquery.min.js冲突

时间:2014-05-04 17:44:44

标签: javascript jquery wordpress

当我使用标题中的以下类型函数时,我的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 库时,会导致精选内容节目每6秒停止旋转一次图片。当我删除该行时:

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

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

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

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

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

感谢

1 个答案:

答案 0 :(得分:0)

此问题已得到解决。显然,您并不认为在Wordpress .js 文件中使用 $ 符号,因为它被其他库使用并导致对jQuery的调用混淆。相反,你必须使用&#34; jQuery &#34;取代&#34; $ &#34;符号。一旦完成,一切都按预期工作。

用于Wordpress的jQuery()NOT $()。