javascript - 使用 Jquery Sortable 时出错

Question

<div>
<ul id="sortable">
</ul></div>
<script>
    $(document).ready(function(){
        // Your code here
        $( "#sortable" ).sortable();
        $('#sortable').sortable( "disable" );
        $( "#sortable" ).disableSelection();
    });

</script>

这是我目前在我的 html 中的代码。现在列表将在用户填写几个表格后动态更新。我使用 innerhtml 函数将“li”附加到 ul。然后调用：

$('#sortable').sortable( "refresh" );
$('#sortable').sortable( "enable" );

启用 jquery 排序，但由于某种原因它不起作用。当我在 javascript 函数中使用上述两个函数时，我收到错误“可排序不是函数。但如果我不使用它并且不首先禁用可排序，则不会发生任何事情！任何帮助将不胜感激谢谢！！！

Answer 1

这是错误

<div>
<ul id="sortable"
</ul></div>       ^------missing the closing ">"

应该

<div>
<ul id="sortable">
</ul></div>

并且由于@nbrooks错误是“可排序不是函数”，因此似乎不是 HTML 格式错误的结果（尽管这是一个问题）

Answer 2

“可排序不是函数”错误消息指向可排序库导入问题没有歧义：

• 未导入 jQuery UI
• 构建 UI 库时未选中“可排序”
• 在文档准备好之前执行的代码