Javascript 我的jquery在我的待办事项列表中不起作用

我试图使用jquery创建一个待办事项列表，但它不起作用。请有人告诉我我的代码有什么问题。我的输入工作正常，但我的可排序函数、可拖放函数不起作用。这是我的代码

$（函数（）{
$（'todoList ul'）。可排序({
项目：“li:not（'.listTitle.addItem'）”，
连接到：“ul”，
真的，
占位符：“空白空间”
});
$（‘输入’）.keydown（函数（e）{
如果（e.keyCode==13）{
var item=$（this.val（）；
$（this.parent（）.parent（）.append（“
”+item+”
）；
$（this.val（“”）；
} 
});
$（“#垃圾”）。可拖放({
drop：函数（事件、用户界面）{
ui.draggable.remove（）；
} 
});
});
/*样式*/
身体{
背景：#eee；
利润率：100像素；
}
.集装箱{
位置：相对位置；
宽度：400px；
利润率：20px；
背景：白色；
填充：20px；
框大小：边框框；
边框：实心1px#ccc；
高度：600px；
溢出：自动；
}
#todoListWrapper{
宽度：960px；
文本对齐：居中；
}
#托多利斯特：之后{
明确：两者皆有；
显示：表格；
内容：“；
}
保险商实验室{
宽度：48%；
浮动：左；
保证金：0；
填充：0.1%；
列表样式：无；
}
ulli：悬停{
背景：ddd；
边框颜色：#aaa；
光标：指针；
}
ulli：主动{
变换：旋转（3deg）；
}
#托多利斯特大学{
宽度：14.28%；
保证金：0；
填充：0；
位置：相对位置；
}
#托多利斯特李{
背景：无；
填充物：5px；
边界：无；
保证金：0；
文本对齐：左对齐；
字体大小：12px；
}
#托多利斯特·李：悬停{
背景：#eee；
}
#托多利斯特李{
背景：#444；
颜色：白色；
填充：10px；
文本对齐：居中；
右边框：纯色1px白色；
字体大小：14px；
}
#todoList li.列表标题：悬停，
#todoList li。列表标题：活动{
游标：默认值；
转化：无；
}
#托多利斯特。空的空间{
背景:#fc3；
边框：虚线1px#777；
高度：10px；
}
#托多利斯特·李{
显示：无；
位置：绝对位置；
排名：0；
背景：无；
}
#todoList ul:悬停李。附加项{
显示：块；
}
#todoList li.addItem输入{
宽度：100%；
填充：4px；
}
#todoList li。附加项：活动{
转化：无；
}
#垃圾{
背景：rgba（178,73,38,7）；
利润率：80px280px；
显示：块；
位置：绝对位置；
文本对齐：居中；
颜色：白色；
宽度：400px；
高度：200px；
}

JQuery待办事项列表
JQuery待办事项列表

星期一



周二



周三



到星期四



星期五



星期六



周日


拖动要删除的项目
window.jQuery | | document.write（“”）；
您的代码中有一个错误。包装函数永远不会执行，它是一个匿名函数，您不会立即调用它。按如下所示更改脚本，将其更改为IIFE。我通过在末尾添加（）调用了该函数

$(function() {

   $('#todoList ul').sortable({
       items: "li:not('.listTitle, .addItem')",
       connectWith: "ul",
       dropOnEmpty: true,
       placeholder: "emptySpace"

   });

    $('input').keydown(function(e) {
       if(e.keyCode == 13) {
           var item = $(this).val();

           $(this).parent().parent().append('<li>' + item + '</li>' ); 
           $(this).val('');
       } 
    });

    $('#trash').droppable({
       drop:function(event, ui) {
           ui.draggable.remove();
       } 
    });
})();

$（函数（）{
$（'todoList ul'）。可排序({
项目：“li:not（'.listTitle.addItem'）”，
连接到：“ul”，
真的，
占位符：“空白空间”
});
$（‘输入’）.keydown（函数（e）{
如果（e.keyCode==13）{
var item=$（this.val（）；
$（this.parent（）.parent（）.append（“
”+item+”
）；
$（this.val（“”）；
} 
});
$（“#垃圾”）。可拖放({
drop：函数（事件、用户界面）{
ui.draggable.remove（）；
} 
});
})();
这里不应该有引号：
li:not（'.listTitle.addItem'）