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 ]);
});

我进入控制台：TypeError：表达式'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
    });