javascript - 无法访问 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' [undefined] 的结果不是函数。

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

有什么想法吗？非常感谢!

Answer 1

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

改变这个:

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

为此:

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