VPF::Подключить элемент после подгрузки AJAX

Black_leopard

Дата 29.7.2010, 12:19 (ссылка)

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

Загрузка ...

Шустрый

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

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

Приветствую!

Использую следующий код для прогрузки radio кнопок на страницу:

Код


$("#color_base").html('<div align="left"><img src="/images/ajax-loader.gif" width="32" height="32"></div>');            
    $.getJSON('/catalog/card_ajax.php?type=color_base&id='+id, function(data){
         var text = "";
         $.each(data.color_base, function(i,item){
            text += '<input type="radio" name=color_base" value="'+item.id+'">'+item.name+'<br />';
            text += '<img src="'+item.image+'" alt="'+item.name+'" title="'+item.name+'">';
            text += '<br /><br />';
         });
         $("#color_base").html(text);
    });

У меня весит обработчик на click по этим radio кнопкам:

Код


      $("input[name=base_material]").click( function() {
       alert('Yes');
      });

но при клике по этим кнопкам ничего не происходит, создается впечатление что скрипт просто не видит эти элементы, наверно после прогрузки AJAX они не входят в DOM.

Как можно добиться желаемого эффекта?

Огромное спасибо!

12345c

Дата 30.7.2010, 01:22 (ссылка)

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

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 3
Всего: 101

См. http://api.jquery.com/live/

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

skyboy

Дата 30.7.2010, 02:22 (ссылка)

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

Загрузка ...

неОпытный

Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 3
Всего: 260

Цитата(Black_leopard @ 29.7.2010, 11:19

)

наверно после прогрузки AJAX они не входят в DOM

нет. наверное, навешивание обработчика клика происходит после "прогрузки AJAX" и создания элементов.
В таком случае, поможет предложенный 12345c метод live()
хотя, я бы навешивал обработчик после обработки ответа по Ajax

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