Forum PHP.pl > [AJAX/Jquery] Kod zmieniony przez jquery nie działa

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [AJAX/Jquery] Kod zmieniony przez jquery nie działa

Saletra

12.06.2009, 11:17:46

Witam,

Chodzi o link Dodaj/Usun. Po kliknięciu Dodaj zamienia się w Usun. Po kliknieciu w Usun jest 404 zamiast zamieniac sie w Dodaj. Można to naprawić?
(można utworzyć nowy plik html i wstawić poniższy kod w lokalizacji z jquery.js i przetestować)

[HTML] pobierz, plaintext 
<html>
 <script type="text/javascript" src="jquery.js"></script>   
 <script type="text/javascript">
$(document).ready(function(){
   $(".add").click(function(){
 
   $.get("jquery.php", { follow: "27" } );
   $('div#dane').html('<a href="nothing" class="delete">Usun</a>');
   return false;
   });
 
   $(".delete").click(function(){
   $.get("jquery.php", { unfollow: "yes", pid: "25" } );
   $('div#dane').html('<a href="nothing" class="add">dodaj</a>');
   return false;
   });
   });
   </script>
<head>
<div id="dane"><a href="nothing" class="add">dodaj</a></div>
</body>
</html>
[HTML] pobierz, plaintext

osl

12.06.2009, 11:59:52

ekspertem jquery nie jestem, ale wydaje mi się, że selektor $('.delete') nic tu nie daje z prostego powodu - takiego elementu z taką klasą po prostu nie ma. po zamianie klasy musiałbyś pewnie jeszcze raz użyć selektora żeby dodać zdarzenie click, ewentualnie skorzystać z funkcji live

Fifi209

12.06.2009, 12:47:23

A konsolka jakieś błędy może wysypuje ?

Saletra

12.06.2009, 14:25:31

Ok, namęczyłem się. Fakt, trzeba doinstalować plugin Live i wtedy działa.
Wersja zabazgrana 0.1 podsyłam i wracam do pracy:

[HTML] pobierz, plaintext 
$(".dane5").bind('click', function() {
   $(this).html('<a href="delete" class="delete">usun1</a>');
   this.blur();
   return false;
   });
   $(".dane5").livequery('click', function() {
   $(this).html('<a href="add2" class="add2">dodaj2</a>');
   $(this).removeClass('dane5');
   $(this).addClass('dane6');
   this.blur();
   return false;
   });
   $(".dane6").bind('click', function() {
   $(this).html('<a href="delete3" class="delete3">usun3</a>');
   this.blur();
   return false;
   });
   $(".dane6").livequery('click', function() {
   $(this).html('<a href="add" class="add2">dodaj4</a>');
   $(this).removeClass('dane6');
   $(this).addClass('dane5');
   this.blur();
   return false;
   });
[HTML] pobierz, plaintext

singles

13.06.2009, 11:22:41

Nie działało Tobie na początku, ponieważ dopisywałeś event do elementu o klasie .delete w momencie załadowania strony, a wtedy go jeszcze nie było. Rozwiązania są dwa - skorzystanie z event delegation (czyli w praktyce Twoje live) albo dopisywać zdarzenie do elementu click po jego stworzeniu.

BTW. Nie musisz używać pluginu LiveQuery. jQuery od wersji bodajże 1.3.2 posiada metodę live(). Zawsze jeden plugin mniej.

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.