[jQuery] Problem z click()., Gdy kliknę w link zdarzenie jest wywoływane o 1 razy więcej. Opcje

[Sajrox]

Witam.
Posiadam taki przykładowy skrypt:

[HTML] pobierz, plaintext 
<script type="text/javascript">
    // <![CDATA[
    function linkClick() 
    {    
        $("a.link").click(function() 
        {
            alert('test click');
        });
    }
    // ]]>
    </script>    
 
    <a href="javascript:linkClick();" class="link">KLIKNIJ MNIE</a>
[HTML] pobierz, plaintext 

I tutaj jest problem gdyż po każdorazowym kliknięciu w link otrzymuje p jeden komunikatów więcej niż w poprzednim kliknięciu.
np.
Kliknięcia ...... Ilosc komunikatów alert()
1................... 0
2................... 1
3................... 2
4................... 3
5................... 4

A powinno być tak:
Kliknięcia ....... Ilosc komunikatów alert()
1................... 0
2................... 1
3................... 2
4................... 3
5................... 4
itd..


Czy ktoś wie co może być tego przyczyną ?

Ten post edytował Sajrox 27.02.2009, 13:16:03

[lord_t]

Chyba coś Ci się pomieszało;) w tym przykładzie jak powinno być.

Za każdym kliknięciem masz jeden click więcej, bo dodajesz do zdarzenia onclick następnego alerta.

Jeśli chcesz mieć jednego alerta to wywołaj swoją funkcję w zdarzeniu ready(vide dokum. jQuery).

PS.Sugeruje nie dawać funkcji/wyrażeń js w href.

Ten post edytował lord_t 27.02.2009, 13:20:57

[ucho]

Kod

<script>
function linkClick() {
alert('test click');
}
</script>
<a href="#" onclick="linkClick()" class="link">KLIKNIJ MNIE</a>

albo

Kod

<a href="#"  class="link">KLIKNIJ MNIE</a>
<script>
$("a.link").click(function()
{
alert('test click');
});
</script>

Nie mieszaj dwóch stylów, a przynajmniej nie modyfikuj onclick podczas wywołania onclick A samą ilość alertó po prostu zliczaj w jakiejś zmiennej i wykonuj alert w pętli for - tak chyba prościej...

Ten post edytował ucho 27.02.2009, 13:23:51

[Sajrox]

Właśnie w tym problem że linki <a> generuje przez AJAXa i gdy wstawię w zdarzeniu ready()
kod który ma reagować na kliknięcie linka który został pobrany przez AJAXA to jest tak jakby tego linka w ogole nie było.

Nie wiem czy dobrze wyjaśniłem.
Ale napisze tak że gdy w dokumencie ręcznie podam linki któe mają wywołuwać dane zdarzenie, to wtedy nie ma problemy. Jednak gdy wygeberuje je przez AJAXA to nie są one widoczne przez $(document).ready( ...

Przedstawie w skrócie cały skrypt:

[HTML] pobierz, plaintext 
<script type="text/javascript">
    // <![CDATA[
 
    $(document).ready(function()
    {        
         $('a.link').click(function() {
             alert('test click()');
         });    
    });
 
    function getData()
    {    
        $().load(ajaxLoad());
 
        $.ajax(
        {
            type: "POST",
            url: "./getData.php",
            dataType: "json",
            success: function(json) {
                 // Pobranie danych i wyswietlenie ich na stronie w formie tablicy, tutaj w;asnie znajdują się moje linki
            }
        });    
    }
 
    // ]]>
    </script>    
 
    <div id="dane_z_ajaxa"></div>
[HTML] pobierz, plaintext 

[lord_t]

Żeby elementy załadowane przez ajaxa miały nadane zdarzenia w ready musisz wykorzystać metodę live().

[Sajrox]

Dzięki wielkie
Działa elegancko.

PS:
Jeszcze tylko jedna sprawa. Mam kilka elementów <a> każdy ma klase "link" i atrybut "value" z różnymi wartościami. Pytanie jak mogę pobrać wszystkie wartosci z value <a> ?

[HTML] pobierz, plaintext 
var $linki = $('a.link');
for (var i=0;i<$linki.length; i++)
   alert($linki[i].attr('value'));
[HTML] pobierz, plaintext 

Nie działa

Ten post edytował Sajrox 27.02.2009, 13:57:38

[lord_t]

[HTML] pobierz, plaintext 
var $linki = $('a.link');
$linki.each(function(){....})
[HTML] pobierz, plaintext 

Poczytaj o each().