Сгенерированный HTML-код с JavaScript не работает с JQuery сортируемой

Question

Я генерирую таблицу каждый раз, когда пользователь нажимает кнопку. Эта генерируемая таблица должна быть сортируемой, хотя сортируемая jquery работает только с таблицами, генерируемыми на стороне сервера.

Генерация таблиц:

<script>
$(document).on('click', '.addMenu', function() {
  $('.empty-table').after('<table class="account-subheader"><tbody class="connectedSortable"><tr><td colspan=5></td></tr></tbody> </table>');

  //$(".empty-table").append($(".account-subheader"));
});
</script>

Сортируемая функция:

<script>
$(document).ready( function() {
  $( ".connectedSortable" ).sortable({
     connectWith: ".connectedSortable",
     receive: function(event, ui) {
       $.ajax({
         // Some ajax calls
         },
         success: function(response) {
             if (response.status == "success") {
               console.log(response);
             } else {
               console.log(response);
             }
         }
       });
     }
  }).disableSelection();
});
</script>

Answer 1

Вам нужно вызвать функцию sortable после вашего сгенерированного HTML.Попробуйте сохранить функцию sortable внутри метода javascript и вызвать этот метод из событий document.ready и click.

Надеюсь, это поможет.