2014-01-25 2 views
0

У меня есть форма, которая добавляется к div на моей веб-странице, когда пользователь нажимает кнопку. У меня есть JQuery, который срабатывает, когда пользователь нажимает кнопку, это отправляет вызов AJAX на страницу PHP, которая возвращает форму обратно в мой AJAX, а затем добавляется к div. Теперь я использую JQuery для обработки этого представления новой формы, но, похоже, он не работает для добавленных форм. Это потому, что на первой странице не было формы? Что я могу сделать?JQuery в форме отправить для добавленной формы не работает

JQuery отлично работает с теми же формами, что и с самого начала.

Мой Jquery:

$(".comment-form").submit(function() { 

    // Jquery form stuff 

}); 
+0

вам нужно использовать делегирование со статическим родительским элементом, http://api.jquery.com/on –

+0

Патрик, вы можете поставить свой предыдущий комментарий в ответ, и, возможно, разработать почему? Спасибо. – user3191005

ответ

6

Для динамически добавляемые элементы используют это:

$(document).on('submit','.comment-form',function(){}); 
+0

Большинство методов прослушивания событий в jQuery теперь вызывают '.on()' в любом случае, поэтому вам полезно просто использовать его с самого начала, а также изучать его все, потому что некоторые из других могут быть устаревшими в будущем. –

+0

+1 это решает мою аналогичную проблему в прошлый раз – DnR

+0

@ Титмы это не работает. Должен ли я делать: $ (document) .on ('submit', '. Comment-form', function() { // код здесь }); – user3191005

0

Вам может понадобиться, чтобы связать представить действие на элементы, которые добавляются в DOM через JavaScript.

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

$('.comment-form').submit(function(){});

Смежные вопросы