Witam,

Mam taki oto przycisk:

[HTML] pobierz, plaintext 
<div class="mydiv"><button type="button" id="<?php echo $id_inne_dla_kazdej_strony; ?>"/></div>
[HTML] pobierz, plaintext 

oraz plik test.js :

[HTML] pobierz, plaintext 
$(document).ready(function() {
   $("#mydiv").click(function(){
      var test_id = $("#mydiv").find("button").attr("id");
      $.ajax({
         url: "/plik_do_ktorego_przesylam_dane_do_obrobienia.php",
         type: "POST",
         data: {
            id: test_id
         },
         dataType: "html",
         success: function(data){
 
         }
      });
   });
});
[HTML] pobierz, plaintext 

W aplikacji mam tak, że na kilku różnych stronach znajduje się ten sam div o id ="myDiv" , ale skrypt działa mi tylko na jednym z nich (na tym na którym jako pierwszym kliknę) . Chyba, że wcześniej odświeżę stronę to mogę również na innym kliknąć.Pytanie dlaczego tak się dzieje ?. Co robię źle ? Chcę żeby klikać dało się w dowolny div o id ="myDiv". Dodam jeszcze, że przełączanie między stronami odbywa się bez ich przeładowania.

Będę wdzięczny za podpowiedź, pozdrawiam

$("#mydiv").

podmień na

$(".mydiv").

ponieważ mydiv to nie id a class

to nie jest powód ... zapomniałem zmienić tutaj w poście z # na . ... w skrypcie mam ok ... zobacz jeszcze na mój wcześniejszy post , tam przed chwilą dopisałem na końcu jedną uwagę. Ale może powtórzę ... przełączanie między stronami opdbywa się też bez przeładowania strony , ajaxem za pomocą metody GET. Ja natomiast kliknięcie w button przesyłam POSTem . Problem jest taki że jeśli nie odświeżę strony to nie mogę kliknąć w inny div o id="myDiv".

Identyfikator ma za zadanie jednoznacznie wskazywać element. Nie może być kilku elementów o tym samym id. Popraw to na początek i sprawdź czy zadziała.

zmieniłem diva na class="myDiv"

a w kodzie:

[HTML] pobierz, plaintext 
    $(document).ready(function() {
    $(".mydiv").click(function(){
    var test_id = $(".mydiv").find("button").attr("id");
    $.ajax({
    url: "/plik_do_ktorego_przesylam_dane_do_obrobienia.php",
    type: "POST",
    data: {
    id: test_id
    },
    dataType: "html",
    success: function(data){
 
    }
    });
    });
    });
[HTML] pobierz, plaintext 

class może być takie samo dla wielu elementów ale nadal nie działa, sprawdzałem to już wcześniej właśnie.

Czyli generalnie elementy które mają stać się klikalne pojawiają się później na skutek dołożenia ich do struktury DOM?
Jeśli tak to poczytaj link ze stopki mojej o delegacji zdarzeń.

No jesli divy ładujesz ajaxem, a przypisanie do diva robisz tylko raz, to nic dziwnego ze nie działa, bo w momencie przypisywania zdarzenia, nie ma jeszcze divów, które doładujesz później ajaxem....

albo po kazdym ajax przypisuj zdarzenie do divów
albo poczytaj o LIVE

Zrobiłem tak:

dla:

[HTML] pobierz, plaintext 
<div class="myDiv"><button type="button" id="<?php echo $id_inne_dla_kazdej_strony; ?>"/></div>
[HTML] pobierz, plaintext 

skrypt:

[HTML] pobierz, plaintext 
 $(document).delegate("div.myDiv","click", function() {
      var test_id = $("div.myDiv").find("button").attr("id");
      $.ajax({
         url: "/plik_do_ktorego_przesylam_dane_do_obrobienia.php",
         type: "POST",
         data: {
            id: test_id
         },
         dataType: "html",
         success: function(){
         }
      });
   });
[HTML] pobierz, plaintext 

Działa ładnie , bardzo ładnie , jednak jeszcze przesyła mi ciągle to samo ID chociaż na każdej stronie mam ID inne ... dlaczego ? ... hmm

var test_id = $("div.myDiv").find("button").attr("id");
Masz sprawdzać id akutalnie klikniętego elementu a nie nie wiadomo jakiego....

var test_id = $(this).find("button").attr("id");

zgadza się ... wielkie dzięki ... pewnie bym z czasem to sam zauważył ale dzięki Twojej pomocy nie traciłem więcej czasu ... jeszcze raz dzięki .. pozdrawiam