Javascript : "[classname] is not defined" error

Question

当我找到这个插件时，我正在寻找一个图像裁剪插件:Lasso.Crop .我想尝试代码示例，但是通过使用提供的代码示例和他们使用的相同文件，我从来没有能够让它在本地工作，而且我总是在这里遇到错误“Lasso is not defined”:

new Lasso.Crop('bee',{
    ratio : false,
    preset : [235,140,505,340],
    min : [50,50],
    handleSize : 8,
    opacity : .6,
    color : '#7389AE',
    border : '/images/crop.gif',
    onResize : updateCoords
});

我从来没有设法让它发挥作用。 几个小时前我尝试了另一个插件:UvumiTools Crop并出现类似的问题。该演示在他们的网站上完美运行，但我在他们网站上下载的演示存档在本地无法运行。这里的错误与前一个非常相似:“未定义 uvumiCropper”(uvumiCropper 是插件中定义的类)。

我不明白为什么我不断收到“[...] 未定义”错误，而实际上定义此类类或函数的代码是以前导入的 javascript 文件。

也许我做错了什么，我不知道，但我已经为此浪费了几个小时，所以欢迎大家提出建议。

UvumiTools Cropper 的演示存档可在此下载 page .

谢谢

Answer 1

在 mootools 之后，您需要按顺序加载两个文件:

<script type="text/javascript" src="Lasso.js"></script>
<script type="text/javascript" src="Lasso.Crop.js"></script>

Lasso 会将 Lasso 构造函数导出到全局对象。 Lasso.Crop 会将 Crop 属性添加到 Lasso 对象。它将尝试Extend 基础Lasso 类。您不能只加载 Lasso.Crop.js 并希望它有效

请记住，这是 4 年前为 MooTools 1.2 编写的，除非您使用 -compat build，否则可能不适用于 1.4.5。 Nathan White 大约 3 年(据我所知)没有做过任何 MooTools 工作。