Определение элемента.sortable()-функция

Моя html-таблица поддерживает изменение порядка строк с помощью перетаскивания мышью. Используемая версия jquery-ui - v1.12.1. Это работает для старых таблиц (т.е. тех, количество строк в которых известно с момента загрузки страницы), но не работает для строк, добавленных после загрузки страницы. Думаю, причина в том, что нижеприведенная функция sortable()- находится внутри document.ready()-function.

 <script type="text/javascript">
 <script src="{% static 'js/jquery-ui.js' %}"></script>
 $(document).ready(function(){
        $('#luok_table tbody').sortable({
          stop: function( event, ui ){
              $(this).find('tr').each(function(i){
                  $(this).attr("id", $(this).attr("id").replace(/\d+/, i) );                
                  $(this).find(':input').each(function(){
                      $(this).attr("id", $(this).attr("id").replace(/\d+/, i) );
                      $(this).attr("name", $(this).attr("name").replace(/\d+/, i) );
                  }); 
              });
          }
      });
    });
</script>   

Если причина в этом, то где я должен определить функцию sortable()-? Строки таблицы добавляются jquery-formset-js-script (https://gist.github.com/vandorjw/f884f0d51db3e7caaecd#file-jquery-formset-js)

Вернуться на верх