JQuery скрипты конфликтные

Question

Я пытаюсь реализовать две разные, простые коды Jquery на моем сайте:

1. CookieCutter
2. JQuery анимации функцию

После того, как я добавил cookiecuttr в код,. ожидание перестало работать.

Я начинающий 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.

В йоте готового обработчике вы получите экземпляр Jquery в качестве первого параметра, вы можете назвать его как $ внутри йот готовым обработчика, так что вы не должны использовать более длинное jQuery формы EVERYTIME

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