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'
        });
    });
});