Gunnar Bittersmann: jQuery - klick auf dynamisch erstellte Elemente funktioniert nicht

Beitrag lesen

@@ebody

  <div id="element">Element erstellen</div>
  $("#element").click(function(){

Das kann so nicht funktionieren. Bei manchen Nutzer passiert da beim Click was; aber andere können da überhaupt nicht clicken. Ein div-Element kann per se nicht mit der Tastatur angewählt werden.

Merke: Niemals nicht-interaktive Elemente als Target von Click-Events verwenden!

Wo immer eine Aktion auf einer Seite ausgeführt wird, muss das Element ein button sein. Wenn es ein Link zu einer anderen Stelle ist, ist a-Element mit href-Attribut richtig.

In diesem Fall also:

  <button id="element">Element erstellen</button>

Den Button kannst du mit CSS wie gewünscht stylen.

LLAP 🖖

PS: Es ist ärgerlich, dass niemand der drei bereits gekommenen Antworten auf diesen Fehler hingewiesen hat.

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann