Как я могу иметь jquery прикрепить поведение к элементу после вставки его
У меня есть форма, которую я отправляю через ajax, и возвращает обновленный кусок html, который включает обновленную форму, которую я хочу отправить через jquery.
Проблема, с которой я столкнулся, заключается в том, что в первый раз, когда я нажимаю «Отправить», событие захватывается jquery и прекрасно работает. Когда я делаю еще одно изменение в форме без обновления, jquery не захватывает событие, а выполняет стандартный пост-запрос.
Как я могу иметь jquery прикрепить поведение к элементу после его вставки.
Вот мой код JQuery.
$('.edit_clothing_product').submit(function(){
var productDiv = $(this).parent();
var action = $(this).attr('action');
var formData = $(this).serialize();
$.post(action, formData, function(data){
productDiv.replaceWith(data);
});
return false;
});
Вот (урезанный) HTML, который я возвращаю.
<div class="product">
<form action="..." class="edit_clothing_product">
<div class="color_combos">
...{form fields}
</div>
<a href=".../add_color_combo" class="add_color_combo">Add Color Combo</a>
<input name="commit" type="submit" value="Save" />
</form>
</div>