使用javascript生成的html代码不适用于可排序的jQuery

Question

每当用户按下按钮时，我都会生成一个表格。 生成的表应该是可排序的，尽管jquery的sortable仅在服务器端生成的表上有效。

生成表：

<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

您需要在生成HTML之后调用sortable函数。 尝试将sortable函数保留在javascript方法内， click从document.ready和click事件中调用该方法。

希望这可以帮助。