VPF::Не срабатывает событие onChange после подгрузки

Sinneren

Дата 28.5.2012, 14:52 (ссылка)

(нет голосов)

Загрузка ...

{YaGoo}

Профиль
Группа: Участник
Сообщений: 68
Регистрация: 20.3.2009
Где: Уфа

Репутация: нет
Всего: 1

Не получается заставить обрабатывать события у элемента подгруженного через $.get();
Весь код:

Код


$(document).ready(function () {
    $('#section').change(function () {
        var auto_id = $(this).val();
        if((auto_id==113) || (auto_id==114)){
            var url = 'http://oktlife.ru/auto/get_options.php';
            $.get(
                url,
                "auto_id=0",
                function (rest) {
                    $('#options').html(rest);
                 });
        }
    });
    $('#auto').change(function () {
        var autos_id = $(this).val();
        alert(autos_id);
        if (autos_id>0) {
            var url = 'http://oktlife.ru/auto/get_options.php';
            $.get(
                url,
                "auto_id=" + autos_id,
                function (rest) {
                    $('#avto').html(rest);
            });
        }
    });
});

Объясняю код: объект с id=section уже выведен. Затем в первом событии onChange выводится содержимое файла, содержащего SELECT c id auto. А второе событие по этому выведенному элементу подгружает всё остальное.
должно. но не работает и даже не удаётся получить значения при изменении, т.е. для DOMа всё, что аяксово подгружено - не существует. И вот задача как его заставить видеть подгруженный элеменет.

Amphiluke

Дата 28.5.2012, 15:16 (ссылка)

(голосов:1)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112

Использовать методы .delegate() или .on().

Либо вешать обработчик события "change" на #auto только после того как тот будет вставлен в документ.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »