Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Błąd przy ustalaniu
Forum PHP.pl > Forum > Przedszkole
Dominator
3.10.2012, 22:32:32
Witajcie
Chcę wykonać takie coś, żeby ktoś na stronie mógł raz wykonać funkcję. W tym celu piszę sobie var used;. Pod tym nadaję temu wartość 0. Następnie sprawdzam czy used == 0, jeśli tak, to coś się wykonuje, a następnie nadaję zmiennej used wartość 1. Problem w tym, że po nadaniu wartości 1 do zmiennej used nadal jest 0.

[PHP] pobierz, plaintext 
  1. var used;
  2. 		used = 0;
  3. 		if(used == 0)
  4. 		{
  5. 		$(".box").animate({
  6. 			marginTop: '+=40px'
  7. 		}, 1000, function()
  8. 		{
  9. 			alert("!");
  10. 			used = 1;
  11. 		});
  12. 		}
[PHP] pobierz, plaintext


Odświeżam.
Arcioch
3.10.2012, 22:38:26
Odpowiadam smile.gif Przeanalizuj i dostosuj smile.gif szkoda pisać koło na nowo smile.gif

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  5. <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
  6. <script>
  7. $(function(){
  8. 	$("#box").one("click", function() {
  9. 		$(this).animate({
  10. 			marginLeft: '+=50'
  11. 		  }, 1000, function() {
  12. 			alert('Zrobiłem to tylko taz i więcej nie robie');
  13. 		  });
  14. 	});
  15. 	$("#box2").one("mouseenter", function() {
  16. 		$(this).animate({
  17. 			marginTop: '+=50'
  18. 		  }, 1000, function() {
  19. 			alert('Zrobiłem to tylko taz i więcej nie robie');
  20. 		  });
  21. 	});	
  22. });
  23. </script>
  24. </head>
  25. <body>
  26. 	<div id="box" style="display: block; flaot: left; width: 100px; height: 100px; background: green; text-align: center; color: #fff;">Jak klikne tylko raz</div>
  27. 	<div id="box2" style="display: block; flaot: left; width: 100px; height: 100px; background: blue; text-align: center; color: #fff;">Jak najazde tylko raz</div>
  28. </body>
  29. </html>
[HTML] pobierz, plaintext


Live wink.gif
sowiq
3.10.2012, 22:50:01
@Dominator, domyślam się, że Twój skrypt wrzucony jest gdzieś w sekcji <head />. Znaczy to, że podczas jego wykonywania nie ma jeszcze drzewa DOM dokumentu, czyli nie istnieje $(".box"), przez co animacja nie jest wykonywana, a tym samym funkcja po jej skończeniu (w niej ustawiasz wartość zmiennej). Zainteresuj się metodą ready().

Inna rzecz, że jeśli wklejony przez Ciebie kod jest zamknięty w jakiejś funkcji, to za każdym jej wywołaniem, przed sprawdzeniem warunku ustawiasz wartość used na 0.
Dominator
4.10.2012, 14:32:25
Cytat(Arcioch @ 3.10.2012, 23:38:26 ) *
Odpowiadam smile.gif Przeanalizuj i dostosuj smile.gif szkoda pisać koło na nowo smile.gif

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  5. <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
  6. <script>
  7. $(function(){
  8. 	$("#box").one("click", function() {
  9. 		$(this).animate({
  10. 			marginLeft: '+=50'
  11. 		  }, 1000, function() {
  12. 			alert('Zrobiłem to tylko taz i więcej nie robie');
  13. 		  });
  14. 	});
  15. 	$("#box2").one("mouseenter", function() {
  16. 		$(this).animate({
  17. 			marginTop: '+=50'
  18. 		  }, 1000, function() {
  19. 			alert('Zrobiłem to tylko taz i więcej nie robie');
  20. 		  });
  21. 	});	
  22. });
  23. </script>
  24. </head>
  25. <body>
  26. 	<div id="box" style="display: block; flaot: left; width: 100px; height: 100px; background: green; text-align: center; color: #fff;">Jak klikne tylko raz</div>
  27. 	<div id="box2" style="display: block; flaot: left; width: 100px; height: 100px; background: blue; text-align: center; color: #fff;">Jak najazde tylko raz</div>
  28. </body>
  29. </html>
[HTML] pobierz, plaintext


Live wink.gif


Dzięki za kod, lecz nie chcę, aby coś się wykonało po kliknięciu bądź najechaniu tylko samym wywoływaniu.
Arcioch
4.10.2012, 14:54:44
Coś takiego spróbuj LINK smile.gif Wtedy dajesz one jako zwykła funkcja bez eventów smile.gif
Dominator
4.10.2012, 15:10:57
W tym przypadku one() już nie działa http://jsfiddle.net/GZmEj/4/
sowiq
4.10.2012, 15:11:48
@Arcioch, jesteś kolejną osobą utrudniającą sobie życie / mieszającą w głowach mniej doświadczonym.

Jaki sens ma umieszczanie metody one() w funkcji, która jest wykonywana na event 'ready'? Że niby będzie zabezpieczała przed kolejnym eventem 'ready', czy jak? Bo może czegoś nie czaję.

[edit]
@autor
Kod
$("button").one('click', shower);
Arcioch
4.10.2012, 15:27:29
@Sowiq w tym przypadku masz rację moje niedopatrzenie smile.gif jednak też niedawno zacząłem moją przygodę z jQuery i jeszcze robię takie głupie błędy niestety ;/ Dzięki za zwrócenie na to uwagi wink.gif
sowiq
4.10.2012, 15:33:02
@Arcioch, spoko, człowiek uczy się całe życie.

Jeszcze jedna uwaga do Twojego przykładu. Metody one() nie można zastosować tak jak napisałeś: $(element).one().cokolwiek(). Co prawda jQuery jest na tyle elastyczne, że nie wyrzuci błędu, ale ta metoda nie zrobi absolutnie nic. Według tego, co mówi opis API, metoda ta przyjmuje dwa obowiązkowe argumenty - events i handler + opcjonalny data.

Ale to tylko tak w ramach uściślenia.
Arcioch
4.10.2012, 15:41:05
@Sowiq dzięki za rady wink.gif

Wracając do tematu Dominator poradziłeś sobie? wink.gif
Dominator
5.10.2012, 13:57:03
Nadal nie poradziłem sobie.
sowiq
5.10.2012, 14:00:12
@Dominator, pokaż swoją całą funkcję, której działanie chcesz blokować. Bo jeśli jest to cały kod z Twojego pierwszego postu, to w linijce 2. i tak ustawiasz 'used' za każdym razem na '0'.
Dominator
5.10.2012, 14:02:20
@sowiq, tak obecnie prezentuje się kod:

[PHP] pobierz, plaintext 
  1. function createElement()
  2. {
  3. 	$(".box").one().animate({
  4. 		marginTop: '+=1px'
  5. 	}, 500, function()
  6. 	{
  7. 		$(".status").slideToggle();
  8. 	});
  9. }
[PHP] pobierz, plaintext


Chcę, aby funkcję createElement() można wywołać tylko raz.
sowiq
5.10.2012, 14:18:29
Kod
var functionRan = false;

function createElement(){
    if(functionRan){
        return false;
    }
    $(".box").animate({marginTop: '+=1px'}, 500, function(){
        $(".status").slideToggle();
    });

    functionRan = true;
    return true;
}


Z Bogiem.
Dominator
5.10.2012, 14:32:18
Działa, bardzo dziękuję za fachową pomoc smile.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.