OnClick kilka wartości a jQuery

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Stef@n
Nowy
Nowy
Posty: 40
Rejestracja: sob lut 15, 2003 12:33 pm
Lokalizacja: Nowy Targ
Kontakt:

OnClick kilka wartości a jQuery

Post autor: Stef@n »

Witam, mam pewnie problem jak przerobić kod JS w jQuery.
Chce przesłać po kliknięciu na diva kilka zmiennych (każdy div ma inne zmienne) tak jak jest to zrobione na zdarzeniu w JS onClick niestety nie mogę tego ogarnąć w jQuery.

Kod: Zaznacz cały

<script type="text/javascript">
function Kolejnosc(jeden, dwa, trzy) {
	var dane = jeden + " | " + dwa + " | " + trzy;
	alert(dane);
}
</script>
<div onClick="Kolejnosc('Moja wartosc 1', 'Moja wartosc 2', 'Moja wartosc 3')">Wczytaj wyniki div 1</div>
<div onClick="Kolejnosc('Moja inna 1', 'Moja inna 2', 'Moja inna 3')">Wczytaj wyniki div 2</div>
Próbowałem to w taki sposób, ale nie wiem gdzie te zmienne zapakować:

Kod: Zaznacz cały

<script type="text/javascript">
$(document).ready(function(){
	$(".klik").click(function() {
		alert("Okienko");
	});
});
</script>
<div class="klik">Wczytaj wyniki div 1</div>
<div class="klik">Wczytaj wyniki div 2</div>
jamart
Nowy
Nowy
Posty: 23
Rejestracja: czw gru 16, 2010 2:10 pm

Re: OnClick kilka wartości a jQuery

Post autor: jamart »

moim zdaniem nie ma sensu rezygnować z atrybutu "onclick" a wewnątrz tak wywołanej funkcji nic nie stoi na przeszkodzie korzystać z jQuery.

ale na upartego to każdemu z tych div przyporządkuj id i parametry podaj tak skoro i tak znasz parametry z góry:

Kod: Zaznacz cały

<script type="text/javascript">
$(document).ready(function(){
   $("#div1").click(function() {
	   Kolejnosc('Moja wartosc 1', 'Moja wartosc 2', 'Moja wartosc 3')
   });
   $("#div2").click(function() {
	   Kolejnosc('Moja inna 1', 'Moja inna 2', 'Moja inna 3')   
   });
});

function Kolejnosc(jeden, dwa, trzy) {
   var dane = jeden + " | " + dwa + " | " + trzy;
   alert(dane);
}
</script>
<div id="div1" >Wczytaj wyniki div 1</div>
<div id="div2" >Wczytaj wyniki div 2</div>
ODPOWIEDZ