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函数中使用上述两个函数时，我得到错误“sortable不是一个函数。但是，如果我不使用它并且不首先禁用可排序，则没有任何反应！任何帮助，将不胜感激感谢!!!

Answer 1

这是错误

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

应该是

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

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

Answer 2

“sortable is not function”错误消息指出可排序的库导入问题没有歧义：

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

使用Jquery Sortable时出错

2 个答案: