[JS] Не срабатывают события навешиваемые на создающиеся позже элементы

Ответить
Е.А
Сообщения: 8
Зарегистрирован: 11.06.2012
Здравствуйте!
Почему не работают 2 вот этих скрипта на одной странице?
http://ruseller.com/lessons.php?rub_id=32&id=253
http://ruseller.com/lessons.php?rub=32&id=246

Аватара пользователя
Distructor
Администратор
Сообщения: 1606
Зарегистрирован: 28.12.2009
скрипты назначают обработку на те элементы которые существуют на момент их запуска.
"Загрузка внешнего файла в модальное окно" выводит дополнительные элементы, на которые не навешаны события обработки и для которых не будет выполняться твой второй скрипт.

решения два:
1 - навешивать события в самом загружаемом файле
2 - вызывать

Код: Выделить всё

	$("[class^=validate]").validationEngine({
		success :  false,
		failure : function() {}
	})
для навешивания событий после отображения модального окна.
например сделать так

Код: Выделить всё

<script>
$(function() {
    $("a[rel]").overlay(function() {
        var wrap = this.getContent().find("div.wrap");
        if (wrap.is(":empty")) {
            wrap.load(this.getTrigger().attr("href"));
            $("[class^=validate]").validationEngine({
                success :  false,
                failure : function() {}
            });
        }
    });
});
</script> 

Е.А
Сообщения: 8
Зарегистрирован: 11.06.2012
Спасибо!

Ответить