使用jquery加载函数

Question

我正在为我的项目创建一个html构建器，包括导入模板和通过拖放编辑。我使用jquery的load（）函数将模板导入我的控制台页面。但是在加载功能完成后，拖动变得不确定。这是我在加载功能后得到的错误。

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工作完美。但是如果我在加载函数的回调中调用draggable它就不起作用了。任何人都知道发生了什么？