jQuery seleccionar elemento html creado dinámicamente

Question

Apr 23, 2012, 02:29 PM

jquery-selectors javascript dynamically-generated jquery

jQuery seleccionar elemento html creado dinámicamente

Hay muchas preguntas con títulos casi similares con esta pregunta mía, pero sabes que no encontré una respuesta.

Mi pregunta simple es: tengo un botón, cuando hago clic en él, javascript crea una ventana modal

<code><div class="aui-dialog">
     html here... 
     <button id="closeButton">Close</button>
</div>
</code>

justo después de<body> etiqueta.

Puedo enlazar el evento de clic del botón de cerrar sin problemas usando jQueryvivir:

<code>$("#closeButton").live("click", function() { 
    alert("asdf"); // it calls
    $("body").find(".aui-dialog").remove();
});
</code>

Mi problema es, No puedo seleccionar ese div de ventana modal creado dinámicamente por su nombre de clase. Para poder llamar al método jQuery .remove () para realizar una acción cercana. Ahora lo sé, debo tratar con elementos dinámicos de otra manera.

¿Que camino?

EDITAR:
Creo que es importante mencionar esto:
Yo 'no creo la ventana modal, yo usovida útil portal. Tiene incorporado el marco javascript.AUI(YUI) que crea esa ventana modal. Simplemente puedo crear ese botón de cierre dentro de él en su vista.

EDIT 2:
El valor de atributo de la clase div de la ventana modal es: "aui-component aui-panel aui-dialog aui-widget-posicionado"