Работя върху тема за wordpress и се сблъсках със странен проблем.
Това е сайтът, върху който работя http://dalya.go-demo.com/
Искам да разширя менюто, като щракна върху бутона за меню в дясната страна. И тогава искате да го затворите, като щракнете върху бутона за затваряне.
Вижте моя код по-долу.
jQuery(document).ready(function () {
$ = jQuery;
function closeNav() {
$('.close-nav').click(function (e) {
e.preventDefault();
$('.nav-area').children('nav').hide( 'slide', { direction: "right" }, 500);
$(this).addClass('open-nav');
$(this).removeClass('close-nav');
openNav();
});
}
closeNav();
function openNav() {
$('.open-nav').click(function (e) {
e.preventDefault();
$('.nav-area').children('nav').show( 'slide', { direction: "right" }, 500);
$(this).addClass('close-nav');
$(this).removeClass('open-nav');
closeNav();
});
}
openNav();
$('.nav-area ul').children('li').children('a').hover(function () {
$(this).children('span').animate({top:'-54px'});
$(this).children('div.animated').show( 'slide', {direction: "up"}, 500);
}, function () {
$(this).children('span').animate( {top:'0px'} );
$(this).children('div.animated').hide( 'slide', { direction: "up" } , 500);
});
});
Но получавам следната грешка:
Грешка: TypeError: x.easing[this.easing] не е функция Изходен файл: .../wp-includes/js/jquery/jquery.js?ver=1.10.2 Ред: 5
Тествах всички възможни решения, налични тук във форума, но без успех.
- Добавен е jQuery.
- Добавен е потребителски интерфейс на jQuery.
Добавено е jQuery Easing.
Не се добавя двойно jquery.
Същият код работи добре в моята HTML версия на сайта, но във версията на Wordpress се сблъсквам с този проблем.