Rails2: RJS - События Javascript не работают, когда на обновлениях страницы удаленно

Question

Я использую RJS в своем текущем проекте.

У меня есть строки таблицы с данными, а в последнем столбце есть кнопка, которая связывает функцию javascript click.

Теперь мне нужно сделать AJAX и добавить новую таблицу в таблицу. Он работает нормально. Файл шаблона create.rjs.

page.insert_html(:bottom, "products", :partial => "product_row.html.erb", :locals => {:product => @product}) 

код JS:

jQuery(document).ready(function(){ 
    jQuery("button.add_color").click(function(){ 
    alert('ok'); 
    }); 
}); 

Все отлично работает, кроме Javascript click событие не работает для вновь созданной строки.

Помогите, пожалуйста, как сохранить привязку событий javascript для недавно добавленного DOM by AJAX?

Answer 1

Я думаю, вы должны использовать JQuery-х .delegatemethod:

jQuery(document).ready(function(){ 
    jQuery('body').delegate('button.add_color', click, function(){ 
    alert('ok'); 
    }); 
}); 

С delegate «s документации:

Attach обработчик одного или нескольких событий для всех элементов, которые соответствуют селектору, в настоящее время или в будущем, на основе определенного набора корневых элементов.