使用 javascript 生成的 html 代码不适用于可排序的 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

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

希望这会有所帮助。