jQuery wybierz dynamicznie utworzony element HTML

Jest wiele zadawanych pytań o prawie podobnych tytułach z moim pytaniem, ale wiesz, że nie znalazłem odpowiedzi.

Moje proste pytanie brzmi: mam przycisk, gdy go klikam, javascript tworzy okno modalne

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

zaraz po<body> etykietka.

Bez problemu mogę powiązać zdarzenie click przycisku zamknięcia z jQueryrelacja na żywo:

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

Moim problemem jest, Nie mogę wybrać dynamicznie utworzonego okna modalnego div według jego nazwy klasy. Tak, żebym mógł wywołać metodę jQuery .remove (), aby wykonać bliską akcję. Teraz wiem, że muszę radzić sobie z elementami dynamicznymi w inny sposób.

Jaki sposób?

EDYTOWAĆ:
Myślę, że ważne jest, aby wspomnieć o tym:
Sam nie tworzę okna modalnego, używamliferay portal. Ma wbudowaną strukturę javascriptAUI(YUI), który tworzy to okno modalne. Mogę po prostu utworzyć w tym widoku przycisk zamykania.

EDYCJA 2:
Wartość atrybutu klasy div okna modalnego to: „aui-komponent aui-panel aui-dialog pozycjonowanie aui-widget"

questionAnswers(6)

yourAnswerToTheQuestion