Я пытаюсь реализовать два разных простых 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>
Какие-либо предложения? :)
Поскольку вы вызвали noConflict() $
больше не ссылаетесь на jQuery, поэтому используйте jQuery
для ссылки на jQuery.
В обработчике dom вы получите экземпляр jQuery в качестве первого параметра, вы можете назвать его как $
в обработчике dom, чтобы вам не приходилось использовать более длинную форму jQuery
каждый раз
jQuery(function ($) {
$("#phone_trigger").click(function () {
$("div#cta_nav").animate({
width: 'toggle'
});
});
});