zaczynam swoją przygodę z Mootools i mam problem z menu. Mianowicie zrobiłem pewien skrypt na przejścia w wyglądzie przycisków i chciałbym dodać opcję, że po dodaniu dodatkowej klasy dla pozycji menu nie będzie animował tej pozycji.
Kod HTML tego menu wygląda tak:
Link aktywny przyjmuje ID current i dodatkową klasę active. Na podstawie tych danych chciałbym by skrypt nie animował dalej.
Kod JS
Kod
window.addEvent('domready', function() {
$$('li.item71 a').each(function(el) {
var fx = new Fx.Tween(el,{
duration: 500,
link: 'cancel',
onActive: function(el) { el.setStyle('background-position', '0px -45px'); }
});
el.setStyle('background-position','0px 0px').addEvents({
'mouseenter': function(e) {
e.stop();
fx.start('background-position','0px -45px');
},
'mouseleave': function(e) {
e.stop();
fx.start('background-position','0px 0px');
}
});
});
});
$$('li.item71 a').each(function(el) {
var fx = new Fx.Tween(el,{
duration: 500,
link: 'cancel',
onActive: function(el) { el.setStyle('background-position', '0px -45px'); }
});
el.setStyle('background-position','0px 0px').addEvents({
'mouseenter': function(e) {
e.stop();
fx.start('background-position','0px -45px');
},
'mouseleave': function(e) {
e.stop();
fx.start('background-position','0px 0px');
}
});
});
});
Jak widać, próbowałem dodać do zmiennej pozycję onActive, ale ona chyba nie jest brana pod uwage podczas sprawdzenia. Próbowałem wykorzystać metodę hasClass, ale możliwe że ją źle implementowałem.
Bardzo proszę o pomoc.
