• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Brak animacji w stworzonym divie

0 głosów
71 wizyt
pytanie zadane 6 lipca 2016 w JavaScript, jQuery, AJAX przez CodeBlocksCPP Obywatel (1,010 p.)

Witam,

ciężko jest wytłumaczyć więc od razu pokaże kod:

<div id="zawodnik" onclick="las();this.remove()"></div>

<script type="text/javascript">
var wynik = 0;
function las() {
   $("<div></div>").attr('id','zawodnik').attr('onclick','las();this.remove()').appendTo('body');   

		wynik++;
		document.getElementById("wynik").value=wynik;
  }
    $("#zawodnik").animate({
    left: 800
    }, 2000,  function () {

    });
	</script>

Dlaczego animacja nie jest odgrywana na nowo powstałym divie mającym taką samą nazwę? Trzeba to jakoś zapętlić?

1 odpowiedź

+1 głos
odpowiedź 6 lipca 2016 przez xmentor Nałogowiec (48,880 p.)
wybrane 6 lipca 2016 przez CodeBlocksCPP
 
Najlepsza

onclick nie jest wskazane do podpinania zdarzenia dla elementu, jeżeli używasz jQuery to powinieneś użyć .click() / .on()

Więc, pierwsze co powinieneś usunać z diva to onclick i dla tego elementu normalnie przypisać zdarzenie, następnie całą animacje wsadzić do nowej funkcji:

function animacja() {
  $("#zawodnik").animate({
    left: 800
  }, 2000, function() {
    // koniec animacji
  });
}

( Do zdarzenia click dodaj wywołanie funckcji animacja() )

Co ma się stać gdy animacja się skonczy? Z twojego kodu wynika, że chcesz element, który został już przesunięty, usunać. Więc tam gdzie masz komentarz dodajesz this.remove() , następne pod tym tworzysz nowy element tak jak w funkcji las(), a na sam koniec wywołujesz funkcje animacja(). Wydaje mi się, że oto Ci chodziło, nieskończona animacja.

No i usun funckje las(), zbędna.

Podobne pytania

0 głosów
1 odpowiedź 146 wizyt
0 głosów
2 odpowiedzi 99 wizyt
pytanie zadane 19 stycznia w HTML i CSS przez Grzegorz Mikina Gaduła (3,540 p.)
0 głosów
0 odpowiedzi 77 wizyt
pytanie zadane 31 marca 2016 w HTML i CSS przez KamQiX Obywatel (1,860 p.)
Porady nie od parady
Publikując kody źródłowe korzystaj ze specjalnego bloczku koloryzującego składnię (przycisk z napisem code w edytorze). Nie zapomnij o ustawieniu odpowiedniego języka z rozwijanego menu oraz czytelnym formatowaniu kodu.Przycisk code

64,016 zapytań

110,391 odpowiedzi

231,155 komentarzy

47,799 pasjonatów

Przeglądających: 311
Pasjonatów: 11 Gości: 300

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...