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

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

Аватара пользователя
Distructor
Администратор
Сообщения: 1599
Зарегистрирован: 28 дек 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 июн 2012
Спасибо!


Вернуться в «jQuery»