jQuery evento su elemento inesistente

**techno** · 29-11-2014, 14:13

Salve a tutti, avrei bisogno di un vstro consiglio.
In una funzione js appendo al body un box div
$(...).append("<div id=\"cover\"><div>");

Ora cliccando su questo div dovrebbe partire un'altra funzione, ho provato con on, bind ma nulla.
come posso risorverlo, grazie in anticipo.

**cavicchiandrea** · 29-11-2014, 14:58

codice:

$(document).ready(function() {
            $("body").on("click","#cover",function(){alert('ciao mondo')})
            })
$(...).append('<div id="cover" onclick="alert(\'ciao mondo\')"><div>');

**techno** · 29-11-2014, 15:12

Originariamente inviata da cavicchiandrea

codice:

$(document).ready(function() {
            $("body").on("click","#cover",function(){alert('ciao mondo')})
            })
$(...).append('<div id="cover" onclick="alert(\'ciao mondo\')"><div>');

Cavolo mi ero dimenticato di fare riferimento al body, cmq voglio provare anche come a gentilmente postato killer, grazie ad entrambi

**KillerWorm** · 29-11-2014, 15:00

Ciao, puoi delegare al body l'evento click usando on, nella forma .on(event, selector, handler), quindi passare #cover come selettore.

codice:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">
      $(function(){
        $("body").on("click", "#cover", function(){
          alert("Hai cliccato cover");
        });
        $("body").append("<div id='cover'>Clicca<div>");
      })
    </script>
  </head>
  <body>
    
  </body>
</html>

EDIT: @andrea: scusami, non ho fatto in tempo a vedere che avevi già risposto.

Discussione: jQuery evento su elemento inesistente

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

jQuery evento su elemento inesistente

Permessi di invio