Pełna wersja: LavaLamp menu brak kliknięcia
Korzystam z gotowca menu http://gmarwaha.com/blog/?cat=8 i wszystko działa wyśmienicie, wszystko oprócz możliwości kliknięcia na link. Co się dzieje? W tym rzecz że nic. Jak zrobić aby linki były klikalne?
Ja np zrobilem tak ze zamienilem
na
i jakoś działa.
Kod
$li.click(function(e) {
setCurr(this);
return o.click.apply(this, [e, this]);
});
setCurr(this);
return o.click.apply(this, [e, this]);
});
na
Kod
$li.click(function(e) {
setCurr(this);
return true;
});
setCurr(this);
return true;
});
i jakoś działa.
po zrobieniu tak jak poradziłeś, dalej jest to samo. w konsoli błędów wywaliło mi:
nie wiem jak się za to zabrać.
ps. animacja działa dalej jest błąd z kliknięciem. aha i jak usunę:
to można kliknąć ale dzieją się cuda niewidy z animacją.
Kod
Błąd: jQuery.easing[this.options.easing || (jQuery.easing.swing ? "swing" : "linear")] is not a function
Plik źródłowy: /skrypty/jquery-1.2.3.min.js
Wiersz: 32
Plik źródłowy: /skrypty/jquery-1.2.3.min.js
Wiersz: 32
Kod
Błąd: jQuery is not defined
Plik źródłowy: /skrypty/jquery.easing.min.js
Wiersz: 11
Plik źródłowy: /skrypty/jquery.easing.min.js
Wiersz: 11
Kod
Błąd: jQuery is not defined
Plik źródłowy: /siata/skrypty/jquery.lavalamp.js
Wiersz: 96
Plik źródłowy: /siata/skrypty/jquery.lavalamp.js
Wiersz: 96
nie wiem jak się za to zabrać.
ps. animacja działa dalej jest błąd z kliknięciem. aha i jak usunę:
to można kliknąć ale dzieją się cuda niewidy z animacją.
Mi w ff działą. Kod pliku jquery.lavalamp.js z wersji 2.0
(function($) {
$.fn.lavaLamp = function(o) {
o = $.extend({ fx: "linear", speed: 500, click: function(){} }, o || {});
return this.each(function() {
var me = $(this), noop = function(){},
$back = $('<li class="back"><div class="left"></div></li>').appendTo(me),
$li = $("li", this), curr = $("li.current", this)[0] || $($li[0]).addClass("current")[0];
$li.not(".back").hover(function() {
move(this);
}, noop);
$(this).hover(noop, function() {
move(curr);
});
$li.click(function(e) {
setCurr(this);
return true;
});
setCurr(curr);
function setCurr(el) {
$back.css({ "left": el.offsetLeft+"px", "width": el.offsetWidth+"px" });
curr = el;
};
function move(el) {
$back.each(function() {
$(this).dequeue(); }
).animate({
width: el.offsetWidth,
left: el.offsetLeft
}, o.speed, o.fx);
};
});
};
})(jQuery);
CODE
(function($) {
$.fn.lavaLamp = function(o) {
o = $.extend({ fx: "linear", speed: 500, click: function(){} }, o || {});
return this.each(function() {
var me = $(this), noop = function(){},
$back = $('<li class="back"><div class="left"></div></li>').appendTo(me),
$li = $("li", this), curr = $("li.current", this)[0] || $($li[0]).addClass("current")[0];
$li.not(".back").hover(function() {
move(this);
}, noop);
$(this).hover(noop, function() {
move(curr);
});
$li.click(function(e) {
setCurr(this);
return true;
});
setCurr(curr);
function setCurr(el) {
$back.css({ "left": el.offsetLeft+"px", "width": el.offsetWidth+"px" });
curr = el;
};
function move(el) {
$back.each(function() {
$(this).dequeue(); }
).animate({
width: el.offsetWidth,
left: el.offsetLeft
}, o.speed, o.fx);
};
});
};
})(jQuery);
mam dokładnie tak jak ty... i serio już nie wiem w co ręce włożyć.
A pod jaką przeglądarką sprawdzasz?
Ja zrobilem tak. Sciagnalem co tam jest. Edytowalem plik jquery.lavalamp.js i w pliku demo.html zamienilem ze ma mi includowac ten plik.Działa mi nawet na IE.
Jeżeli chcesz to zapodam ci potem zipa ze wszystkimi plikami byś mógł sobie zobaczyć, sprawdzić, porównać
Ja zrobilem tak. Sciagnalem co tam jest. Edytowalem plik jquery.lavalamp.js i w pliku demo.html zamienilem ze ma mi includowac ten plik.Działa mi nawet na IE.
Jeżeli chcesz to zapodam ci potem zipa ze wszystkimi plikami byś mógł sobie zobaczyć, sprawdzić, porównać
Sorki, że odkopuję temat, ale mam taki sam problem, i zrobiłem tak samo jak radziłeś, i nie działa ;/
Przeglądarka Google Chrome
ps. jeśli masz jeszcze te menu to zapodaj ;]
Przeglądarka Google Chrome
ps. jeśli masz jeszcze te menu to zapodaj ;]
Już tego nie mam. Musisz napisać do autora tematu w tej sprawie. Jemu wysyłałem poprawnie działające pliki 
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.