На этот вопрос есть много задаваемых вопросов с почти похожими заголовками, но вы знаете, что я не нашел ответа.
Мой простой вопрос: у меня есть кнопка, когда я нажимаю на нее, javascript создает модальное окно
<div class="aui-dialog">
html here...
<button id="closeButton">Close</button>
</div>
сразу после <body>
.
Я могу связать событие нажатия кнопки закрытия без проблем с помощью jQuery live:
$("#closeButton").live("click", function() {
alert("asdf"); // it calls
$("body").find(".aui-dialog").remove();
});
Моя проблема в том, что я не могу выбрать динамически созданный modal window div по его имени класса. Чтобы я мог вызвать метод jQuery.remove(), чтобы сделать близкое действие. Теперь я знаю, что я должен иметь дело с динамическими элементами по-другому.
Каким образом?
РЕДАКТИРОВАТЬ:
Я считаю важным отметить это:
Я не создаю модальное окно самостоятельно, я использую портал liferay. Он имеет встроенную структуру javascript AUI (YUI), которая создает это модальное окно. Я могу просто создать эту закрытую кнопку внутри этого в своем представлении.
EDIT 2:
Значение атрибута класса div модального окна: "aui-component aui-panel aui-dialog aui-widget-position"