jQuery脚本冲突

Question

我正在尝试在我的网站上实现两个不同的简单jquery代码：

1. 18.11
2. jQuery动画功能

在将cookiecuttr添加到代码中之后，.animate停止工作。

我是一名jQuery初学者，因此任何建议将不胜感激！

这是cookiecuttr代码（外部文件）

$.noConflict();
jQuery(document).ready(function () {
jQuery.cookieCuttr( 
{
cookieAnalytics: true,  
cookieAnalyticsMessage: 'cookiecuttr message' />',
cookieWhatAreTheyLink: 'cookies.htm',
cookieNotificationLocationBottom: true
}
);
});

和.animate停止工作（使用html）：

<script type="text/javascript">
$(function(){
$("#phone_trigger").click(function () {
$("div#cta_nav").animate({
width: 'toggle'
});;
});
});
</script>

有什么建议么？ :)

Answer 1

由于您已调用noConflict（） $不再引用jQuery，因此请使用jQuery来引用jQuery。

在dom ready处理程序中，您将收到jQuery实例作为第一个参数，您可以在dom ready处理程序中将其命名为$ ，这样就不必每次都使用较长的jQuery形式。

jQuery(function ($) {
    $("#phone_trigger").click(function () {
        $("div#cta_nav").animate({
            width: 'toggle'
        });
    });
});