Почему не работает jquery на добавленных элементах?

Question

[Евгений Самойленко]

Есть вот такой код, вкратце, он по нажатию он показывает 2 разные формы, для юр. лиц и для физ. лиц.

var ur = $("#payUr"),
      phys = $("#payPhys");

        phys.click(function (){
            $(".form").html("Тут элемент с идентификатором");
            ur.css("opacity","1");
            $(this).css("opacity","0.2");
        });

        ur.click(function (){
            $(".form").html("Тут элемент с идентификатором");
            phys.css("opacity","1");
            $(this).css("opacity","0.2");
        });

Собственно, проблема в том, что новые сгенерированные элементы не откликаются по такому вызову

$("#добавленного элемента").click(function(){ // тут какое-то действие });

Весь код запускается после загрузки страницы:
jQuery(document).ready(function($){}));

Answer 1

[Артём Лучников]

используйте делегирование $( elements ).delegate( "#добавленного элемента", "click", function(){});
подробнее тут api.jquery.com/delegate

Comments

[Евгений Самойленко]

Спасибо! Это то, что нужно. Нашел пару уроков на эту тему, посмотрел. Все понял.

Answer 2

[Петруша Укропов]

jquery.page2page.ru/index.php5/On

Answer 3

[Юрий Лобанов]

этот вопрос надо в faq на тостере добавлять )

Comments

[Евгений Самойленко]

я посмотрел похожие вопросы, там была похожая проблема, но решения не подходили.

Answer 4

[Piranis]

Вообще на stackoverflow хорошо stackoverflow.com/questions/4579117/jquery-live-vs...

Answer 5

[Jonh Doe]

Я может и криво делаю, но мне так удобнее. Я создаю функу в которой описываю все бинды, а после ajax вызываю ее еще раз.