Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem jQuery
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
mariuszg
Witam,

Po kliknięci na add dodaje mi się div który mogę przenosić, a po jego przeniesieni chcę zwrócić pozycję jego do "odczyt".
Jeśli ręcznie dodam <div class="napis">T543</div> w kodzie strony to zwraca mi pozycję a jeśli klikam na add i później przenoszę to jej nie zwara
proszę o pomoc

  1. $(document).ready(function(){
  2.  
  3. $('#add').click(function(){
  4. $('#klatka').append('<div class="napis">T543</div>');
  5. $(".napis").draggable();
  6. });
  7.  
  8.  
  9. $(".napis").click(function(){
  10. var x = $(this).position();
  11. var sc = "Top: " + x.top + " Left: " + x.left ;
  12. $('#odczyt').text(sc);
  13. });
  14.  
  15. });
redeemer
Dzieje się tak ponieważ, gdy wykonuje się kod jquery $(".napis").click(...) jeszcze nie ma w DOMie elementu z klasą napis.

Możesz użyć live.
mariuszg
A jak tego użyć ?
Dałem tak i nie działa:

  1. $( ".napis" ).live( "click", function() {
  2.  
  3. var x = $(this).position();
  4. var sc = "Top: " + x.top + " Left: " + x.left ;
  5. $('#odczyt').text(sc);
  6.  
  7.  
  8. });
Turson
Cytat(redeemer @ 17.04.2014, 12:44:12 ) *
Dzieje się tak ponieważ, gdy wykonuje się kod jquery $(".napis").click(...) jeszcze nie ma w DOMie elementu z klasą napis.

Możesz użyć live.

version deprecated: 1.7, removed: 1.9

'on' polecam
nospor
live jest DEPRECATED. Teraz to sie nazywa ON
https://api.jquery.com/on/
mariuszg
dałem tak ale nadal nie dizła

  1. $( ".napis" ).on( "click", function() {
  2.  
  3. var x = $(this).position();
  4. var sc = "Top: " + x.top + " Left: " + x.left ;
  5. $('#odczyt').text(sc);
  6.  
  7. });
freemp3
  1. $( document ).on( "click", ".napis", function() { ...
mariuszg
dział, dziękuję

finalnie mam tak:

  1. $( document ).on( "mouseup", ".napis" , function() {
  2.  
  3. var x = $(this).position();
  4. var sc = "Top: " + x.top + " Left: " + x.left ;
  5. $('#odczyt').text(sc);
  6.  
  7. });



zwraca pozycję po położeniu elementu
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.