Конфликт JQuery скриптов

Question

Конфликт JQuery скриптов

0

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

CookieCutter
Функция анимации 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>

Какие-либо предложения? :)

Wuu 20 фев. 2014, в 10:44

Источник

Теги:

javascript

jquery

1 ответ

Ещё вопросы

Arun P Johny · Accepted Answer · 2014-02-20T06-51-00.000Z

Поскольку вы вызвали noConflict() $ больше не ссылаетесь на jQuery, поэтому используйте jQuery для ссылки на jQuery.

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

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

Работает просто отлично! Огромное спасибо!!!