Click i powtórka zdarzeń Opcje

[dela]

[JAVASCRIPT] pobierz, plaintext 
$("#button-add").click(
		function (){
			$(".buttons").animate({"top": "-=35px"}, 150);
			setTimeout(function(){
				$(".buttons").fadeOut(50)}, 50);
			setTimeout(function(){
				$(".menu-button-add").fadeIn(150)}, 180);
		  });
$("#okey").click(
		function () {
			$(".menu-button-add").fadeOut(130), 180;
			setTimeout(function(){
				$(".buttons").fadeIn(50)}, 180);
			setTimeout(function(){
				$(".buttons").animate({"top": "+=35px"}, 150)}, 180);
		  });
[JAVASCRIPT] pobierz, plaintext 

Problem jest następujący... Jeżeli szybko kliknę na #button-add animacja wykonuję się 2x(przesunięcie .buttons wynosi wtedy -70px) z kolei mam #okey który przywraca .buttons tylko o 35px. Co mam zrobić by uniemożliwić wielokrotne kliknięcie na #button-add

[lobopol]

ustaw np. jakąś zmienną przed wykonaniem powiedzmy block = 1; i w funkcji sprawdzaj czy jest ustawione na 1, jeżeli tak ustawiaj na np. 2 i na zakończeniu funkcji ustawiaj ją znowu na 1.

[ShadowD]

Grr kocham jak ktoś korzysta z 1 i 2, a w jakim calu jest boold? Na początku animate=false, jak wykonujesz animację - na samym początku sprawdzasz czy animate==false jeśli tak, to dodajesz animate=true, a po skończonej animacji jako powodzenie (kolejny argument w animate({co i o ile},function(){animate=false})). Jeśli dodał byś przypisanie na false w inny sposób nic by to nie dało, a dzięki takiemu nazewnictwie wszystko jest bardzo czytelne. :-)

[dela]

Hmm jestem początkującym więc jeszcze mało się orientuje ale na phpowski rozum, rozumuje że chodzi o if(), zgadza się? )
Ale jakby ktoś mógł mi to wpisać w kod byłbym bardzo wdzięczny.

Wyjaśni lub pomoże mi ktoś?

[ShadowD]

Po click, od razu na początku sprawdzasz czy animate=0 jeśli tak to puszczasz dalej, jeśli nie to nic nie robisz if(){tu zawartość cilick - ta w finction(){TO}}. Na początku skryptu var animate =0 (poza czymkolwiek na samym up). W if zaczynasz o przepisanie animate=1, potem w kolejnym argumencie tak jak pisałem Ci kilka dni temu dodajesz zmianę na 0. Tyle, jeśli tego nie rozumiesz polecam kurs js a jeśli nie to jquery.

[dela]

Dzięki @ShadowD za wskazówki oczywiście poleciał już (+). Powiedz mi ostatnia rzecz czy ten return $animate to trafiont pomysł i czy ogólnie ten skrypt ma ręce i nogi

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
	$(".menu-button-add").hide();
 
	var $animate = false;
	$("#button-add").click(function (){
				if ($animate == false) {  
					$(".buttons").animate({"top": "-=35px"}, 150);
					setTimeout(function(){
						$(".buttons").fadeOut(50)}, 50);
					setTimeout(function(){
						$(".menu-button-add").fadeIn(150)}, 180);
					return $animate = true;
					}
				});
 
	$('#[title=undo]').click(function () {
		if ($animate == true) {
				$(".menu-button-add").fadeOut(130), 180;
				setTimeout(function(){
					$(".buttons").fadeIn(50)}, 180);
				setTimeout(function(){
					$(".buttons").animate({"top": "+=35px"}, 150)}, 180);
				return $animate = false;
				}
			  });
});
 
[JAVASCRIPT] pobierz, plaintext 

[ShadowD]

Nie, to nie ta bajka - takie coś raczej nie naprawi Twojego problemu, w ogóle dziwnie to wymyśliłeś, czytałeś co Ci pisałem dokładnie?

Kod

var animate=0

$(function(){
    $('#clickme').click(function() {
        if(animate==0){
            animate=1
            
            $('#book').animate({
                opacity: 0.25
            }, 5000, function() {
                // Animation complete.
                animate=0
            })
        }
    })
})

Ps. Twój kod po pierwszym kliknięciu zablokuje przycisk na wieki. :-)

Ten post edytował ShadowD 13.10.2011, 17:10:19

[dela]

Śmiechem, żartem ale to co napisałem działa i nie blokuje przycisku na wieki skrypt uniemożliwia wielokrotnemu kliknięciu.