Jquery submit не работает после ajax pagination

Я использую сценарий разбивки на страницы ajax, который отлично работает – https://github.com/gbirke/jquery_pagination

На первой странице все работает отлично, на каждой странице есть кнопки отправки (несколько форм), которые отправляют данные в базу данных через POST jquery.

Однако пост jquery работает только для форм / кнопок на первой загруженной странице. Если вы перейдете на другую страницу на странице, кнопка jquery post / submit не работает.

Любые предложения были бы высоко оценены, не могут показаться, чтобы понять это.

• Сохранить значения флажка в Yii gridview pagination
• php pagination, ограничение на страницу
• Загрузочная разбивка страниц с использованием PHP и MySQL
• Настройка макета пагинации Pagerfanta с помощью настраиваемого шаблона
• Как получить общее количество столбцов, если строки разбиты на страницы?

Фрагменты кода:

Сценарии разбиения на страницы

<script> $(document).ready(function() { $("#Pagination").trigger('setPage', [<?php echo $member_Program_Week_calc; ?>]); }); </script> <script type="text/javascript"> function pageselectCallback(page_index, jq){ var new_content = jQuery('#hiddenresult div.result:eq('+page_index+')').clone(); $('#Searchresult').empty().append(new_content); return false; } function initPagination() { // count entries inside the hidden content var num_entries = jQuery('#hiddenresult div.result').length; // Create content inside pagination element $("#Pagination").pagination(num_entries, { callback: pageselectCallback, items_per_page:1 // Show only one item per page }); } // When document is ready, initialize pagination $(document).ready(function(){ initPagination(); }); </script> 

Функция ajaxSubmit

 <script type="text/javascript"> $(document).ready(function() { $('#completetask_<?php the_sub_field('tasks_id'); ?>').submit(ajaxSubmit); // example function ajaxSubmit(){ $(this).find(':submit').attr('disabled','disabled'); var completetask = jQuery(this).serialize(); jQuery.ajax({ type:"POST", url: "/wp-admin/admin-ajax.php", data: completetask, success:function(data){ jQuery("#feedback").html(data); }, error: function(errorThrown){ alert(errorThrown); } }); return false; } }); </script> 

Код формы

 <form method="post" id="completetask_<?php echo $task_id; ?>"> <input type="hidden" name="program_id" id="program_id" value="<?php echo $program_id; ?>"/> <input type="hidden" name="session_id" id="session_id" value="<?php echo $session_id; ?>"/> <input type="hidden" name="task_id" id="task_id" value="<?php echo $task_id; ?>"/> <input type="hidden" name="action" value="completeTask"/> <input class="program_task_submit_no program_task_submit_no_<?php echo $task_id; ?>" type="submit" value="COMPLETE TASK"/> </form> 

 $(document).on('submit', '#completetask', function(e) { //CODE }); 

 $(document).on('submit', '#completetask_<?php the_sub_field('tasks_id'); ?>', function(e) { $(this).find(':submit').attr('disabled','disabled'); var completetask = jQuery(this).serialize(); var css = document.createElement("style"); css.type = "text/css"; css.innerHTML = ".program_task_title_<?php the_sub_field('tasks_id'); ?> { color: green !important; }"; document.body.appendChild(css); jQuery.ajax({ type:"POST", url: "/wp-admin/admin-ajax.php", data: completetask, success:function(data){ jQuery("#feedback").html(data); }, error: function(errorThrown){ alert(errorThrown); } }); return false; }); 

 var css = document.createElement("style"); css.type = "text/css"; css.innerHTML = ".program_task_title_<?php the_sub_field('tasks_id'); ?> { color: green !important; }"; document.body.appendChild(css);