Javascript 如何初始化fengyuanchen jQuery cropper插件？

在我的web应用程序中，我尝试实现一个配置文件图片上传，它允许您在上传图像后裁剪图像。为此，我使用了jQuery cropper插件，该插件位于以下位置：

问题是，我就是不能让它初始化！文件中指出：

使用$.fn.crapper方法初始化

我不确定这意味着什么，但我知道这很重要，因为我当前的代码：

$('#profile-image').cropper({
  aspectRatio: 1 / 1,
  crop: function(e) {
    // Output the result data for cropping image.
    console.log(e.x);
    console.log(e.y);
    console.log(e.width);
    console.log(e.height);
    console.log(e.rotate);
    console.log(e.scaleX);
    console.log(e.scaleY);
  }
});

我遇到了一个错误：

TypeError:$（…）。裁剪器不是函数

---

感谢您的帮助！我知道我很可能对JS和jQuery缺乏一些基本的理解。

仔细检查您的脚本顺序。从github的文档中可以看出

安装

包括文件：

---

因此，第一个想法是，在您的代码中，在

jQuery

之前包含

crapper

，或者在

crapper

脚本之前执行（包含）调用

crapper

的脚本，谢谢您的回答，但我已经确保jQuery之后包含crapper！编辑：等等，等等。我执行裁剪器函数的脚本包含在裁剪器脚本之前！我真是个傻瓜！

<script src="/path/to/jquery.js"></script><!-- jQuery is required -->
<link  href="/path/to/cropper.css" rel="stylesheet">
<script src="/path/to/cropper.js"></script>