[jQuery] Funkcja działa tylko przy pierwszym użyciu Opcje

[rudolf35]

Witam,

stworzyłem w jquery dwa zdarzenia "click". Pierwsze dodaje zdjęcie do galerii i działa bez problemów. Natomiast drugie, usuwa wybrane zdjęcie. Funkcje działają prawidłowo. Jednak druga (usuwająca zdjęcie) działa tylko przy pierwszym użyciu. Za drugim razem przycisk, którego kliknięcie ona nasłuchuje działa jak standardowy odsyłacz, czyli wczytuje się strona. Męczę się z tym i nie mogę dojść dlaczego tak jest.

[HTML] pobierz, plaintext 
      $(document).ready(function() {   
          $('a[class="addToGalleryButton"]').click(function(){
              var picture_id =$(this).attr('id')
              $.ajax(
              {
                 url: 'http://jakasdomena.net/editor/gallery/add',
                 type: "POST",
                 data: ({article_id:<?php echo $this->articleid ?>, picture_id:picture_id }),
                 success: function(html)
                 {
                    $('#imagesInGallery').empty();
                    $('#imagesInGallery').append(html);
                 }
              });
              return false;
          });
 
          $('a[class="removeFromGalleryButton"]').click(function(){
          var picture_id =$(this).attr('id')
          $.ajax(
          {
             url: 'http://jakasdomena.net/editor/gallery/delete',
             type: "POST",
             data: ({article_id:<?php echo $this->articleid ?>, picture_id:picture_id }),
             success: function(html)
             {
                $('#imagesInGallery').empty();
                $('#imagesInGallery').append(html);
             }
          });
            return false;
          });
 
      });
[HTML] pobierz, plaintext 

Z góry dzięki za pomoc.

[zegarek84]

ogólnie to w zasadzie nie programuję, ale jeśli chcesz by on działał tak jak .delegate to poprawnie powinno być tak:
http://jsfiddle.net/F8y7x/8/
prawie jak w Twoim drugim linku - element który wyszukujesz najlepiej powinien być kontenerem jak najniżej jak to możliwe, a podpinając zdarzenie podajesz jeszcze dynamiczne selektory... poczytaj jeszcze o .delegate w jQ - jak wrócę bo mi się jedzenie spali poszukam linka o live bez jQ to Ci tą technikę powinno rozjaśnić...

edit...
na tej stronie masz implementację zasady działania funkcji .mouseleave
http://www.quirksmode.org/js/events_mouse.html
jeśli to wszystko chcesz zrozumieć, to szukaj w google pod hasłami (js +) mouseleave, mouseenter, live events itd.
cała reszta jeśli chodzi o live to po prostu implementacja tych mechanizmów w bibliotekach

- już nieraz tutaj na forum podawałem rozwiązania bez .live - chyba zanim w jQ była funkcja .delegate, rozwiązania funkcjonalnie zbliżone do delegate w związku z czym szybsze od live... idea delegate polega na tym, by podpinać możliwie jak najniżej cały kontener gdzie obserwujemy albo dynamiczne elementy, albo gdzie tych elementów jest mnóstwo np. liczone w tysiącach - wtedy jeden nasłuch będzie lepszym rozwiązaniem od podpięcia tysięcy listenerów....

Ten post edytował zegarek84 25.04.2012, 14:32:00