Forum PHP.pl > js/jquery "dosłownie" jednorazowe wywołanie funkcji po kliknięciu linka, jak?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: js/jquery "dosłownie" jednorazowe wywołanie funkcji po kliknięciu linka, jak?

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

dexter21

28.09.2012, 14:15:54

Hej wszystkim,
chcę po kliknięciu linka wywołać jednarozowo funkcję,
ale bez możliwości ponownego jej wywołania, po kolejnym kliknięciu...

klikam pierszy raz - wywołuje się funkcja,
klikam drugi, trzeci, itd. i już funkcja się nie wywołuje...

pozdro

nospor

28.09.2012, 14:18:02

np. ustawiasz zmienną JAKAS na true.

Teraz w linku dajesz:
...onclick="if (JAKAS) mojafunkcja(); JAKAS=false;return false;"....
i już.

Arcioch

28.09.2012, 14:30:44

Tak masz rację chyba że kod ma działać też np po odświeżeniu strony

wtedy musisz zapisać gdzieś że dany użytkownik kliknął już w link i zawsze sprawdzać czy istnieje ta zmienna

Edit

Przykład do postu Nospora

[HTML] pobierz, plaintext 
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script>
$(function() {
	var funckja = false;
 
	$(".klik").click(function() {
 
		if(funckja  == false){
			alert('asd');
			funckja = true;
		}
 
		return false;
	});
 
});
</script>
</head>
<body>
	<a href="#" class="klik">kliknij</a>
</body>
</html>
[HTML] pobierz, plaintext

viking

28.09.2012, 14:54:10

Jquery ma coś takiego jak http://api.jquery.com/one/
Żeby zapamiętać możesz użyć cookies albo localstorage.

dexter21

28.09.2012, 15:16:23

super ten patent z jquero'wym .one - to działa:-)

Wielkie Dzięki:-)

viking

28.09.2012, 15:17:02

Widzę że skasowałeś swój post ale miałeś podpięte 2 różne handlery

[HTML] pobierz, plaintext 
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script>
$(function() {
 
$("#tak").one('click',function(e) {
	e.preventDefault();
	alert('asd');
	setTimeout(function(){$("#akcja").fadeIn("slow")},1000);
});
 
});
</script>
</head>
<body>
<a id="tak" href="#" class="">link</a>
 
<a href="#" id="example3" onclick="$('#akcja').fadeOut('slow')">
<div id="akcja" style="display:none; position:absolute; font-size:12px; width:200px;">link 2</div>
</a>
</body>
</html>
[HTML] pobierz, plaintext

Brakuje ci też deklaracji DOCTYPE. Widzę również że korzystasz z jquery > 1.7 więc poczytaj w dokumentacji o on / off.

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.