无法访问 Jquery JCrop api

Question

我正在尝试访问 jCrop api ( http://deepliquid.com )。

这是我的代码片段：

// The selected image has been loaded
$('#selectedImage').load(function() {
   var jcrop_api = $('#selectedImage').Jcrop({
                touchSupport:     true,
                onSelect: cropSelected
    });
    jcrop_api.setSelect([ 100,100,200,200 ]);
});

我进入控制台： 类型错误：表达式“jcrop_api.setSelect”[未定义] 的结果不是函数。

我知道我可以传递一些参数作为选项，但我想使用 api 来执行一些其他操作（setImage 等）。

有什么想法吗？ 多谢 ！

Answer 1

您以错误的方式调用 api...

将其更改

   var jcrop_api = $('#selectedImage').Jcrop({
                touchSupport:     true,
                onSelect: cropSelected
    });

为：

   var jcrop_api = $.Jcrop('#selectedImage',{
                touchSupport:     true,
                onSelect: cropSelected
    });