Javascript 拖动项目未移动。如何解决？

我正在尝试从中实现代码。我已尝试添加必要的文件链接，但代码仍不能按预期工作。它应该在容器的范围内移动。但是

var maxDragX=200-$（'.slide'）.outerWidth（）；
var maxDragY=200-$（'.slide'）.outerHeight（）；
Draggable.create（“.slide”{
界限：$（“#容器”）
});
$（窗口）。调整大小（函数（）{
Draggable.get（'.slide'）.applyBounds（“#容器”）；
});
#容器{
显示：块；
位置：相对位置；
高度：200px；
宽度：70%；
边框：实心1px红色；
}
.幻灯片{
显示：块；
位置：绝对位置；
高度：20px；
宽度：20px；
背景：红色；
}
格林先生{
背景：绿色；
}

改变界限
要使其适合您，请连接顶部的这些库：


var maxDragX=200-$（'.slide'）.outerWidth（）；
var maxDragY=200-$（'.slide'）.outerHeight（）；
Draggable.create（“.slide”{
界限：$（“#容器”）
});
$（窗口）。调整大小（函数（）{
Draggable.get（'.slide'）.applyBounds（“#容器”）；
});
#容器{
显示：块；
位置：相对位置；
高度：200px；
宽度：70%；
边框：实心1px红色；
}
.幻灯片{
显示：块；
位置：绝对位置；
高度：20px；
宽度：20px；
背景：红色；
}
格林先生{
背景：绿色；
}

开始：“未捕获引用错误：未定义可拖动”我的控制台未显示任何错误。错误显示在代码段中。您需要在代码段中使用https链接。我已经为你修改了，代码现在生效了。请给出一个代码示例，显示您遇到的行为。哦，很好。刚才请阅读您对更正内容的评论。我想我的回答不会妨碍别人。谢谢。它似乎在这里工作，但不幸的是，当我在本地浏览器中运行它时，它不工作。我尝试了外部和内部JS，但它仍然停留在左上角。我已经更新了有问题的代码，试图从这里复制代码（从我的示例中）并使用它。@是的，你成功了吗？现在可以了。非常感谢你。问题在于我的JS文件链接的位置和顺序。我之前添加了我的自定义JS文件“grabb.JS”，在其中导致了问题。然后我试着在底部添加它；在body的末尾，就在body的结束标记之前。它成功了。再次感谢。