Javascript 使用jquery加载函数后Dragable无法工作

我正在为我的项目创建一个html生成器，其中包括导入模板和通过拖放进行编辑。我使用jquery的load（）函数将模板导入控制台页面。但是在加载函数完成后，draggable变得未定义。这是加载函数后出现的错误

Uncaught TypeError: $(...).draggable is not a function

这是我的密码

$(document).ready(function(){
   enableDrag();
   $("#canvas").load("../collectionTemplates/apparel/index.html", function(){
        $('.element').draggable({
           helper: 'original',
           containment: '#canvas',
           tolerance: 'fit'
        });
        $('.element').find('.ui-resizable-handle').remove();
        $('.element').resizable({
           minHeight: 40,
           minWidth: 50,
           maxWidth: 796,
           handles: 'e, w, s, n'
        });

    });
});

---

其中enableDrag（）是为工具提供拖放功能的初始函数。在那种情况下，draggable工作得很好。但是，如果我在load函数的回调中调用draggable，它将不起作用。有人知道发生了什么吗？

在我这边很好用。你能创建一个或@vbrmnd吗？我不习惯JSFIDLE或Pen。我试着在小提琴上创作。但是我怎样才能用小提琴加载外部文件呢？。当我试图加载一个网站时，它的加载失败。你正在

index.html

页面上初始化

jquery

？如果是这样的话，那么您以前加载/初始化的

jquery小部件就会被覆盖，我认为正因为如此，只有您失去了它们。是的，这就是问题所在。从我正在加载的html页面中删除jquery后，问题就解决了。但有没有办法解决这个问题？由于我正在创建一个模板编辑器，我将无法手动更改脚本。在我这边效果很好。你能创建一个或@vbrmnd吗？我不习惯JSFIDLE或Pen。我试着在小提琴上创作。但是我怎样才能用小提琴加载外部文件呢？。当我试图加载一个网站时，它的加载失败。你正在
index.html
页面上初始化
jquery
？如果是这样的话，那么您以前加载/初始化的
jquery小部件就会被覆盖，我认为正因为如此，只有您失去了它们。是的，这就是问题所在。从我正在加载的html页面中删除jquery后，问题就解决了。但有没有办法解决这个问题？由于我正在创建一个模板编辑器，我将无法手动更改脚本。