尝试使用Jcrop api

Question

我使用的是Jcrop，我不想根据用户的输入来动态地改变选择的纵横比，所以我想应该使用Jcrop api。

问题是，如果我将它用作jquery函数，它可以正常工作：

$('#cropbox_full').Jcrop({
  onChange: update_full_dimensions,
  onSelect: update_full_dimensions
});

但是如果我调用Jcrop函数使用它，我的图像将不再显示：

var api = $.Jcrop('#cropbox_full', options);

它是Jcrop的bug吗？

顺便说一句，我使用的是chrome和jquery 1.4.2

Answer 1

在使用chrome时似乎有一些bug，因为在firefox中这是可以工作的：

$.Jcrop($('#cropbox_full'),options);

在设置了jCrop之后，可以像这样访问它，并且可以重置选项，这在chrome中是有效的：

$('#cropbox_full').Jcrop(options);
var jcrop = $('#cropbox_full').data('Jcrop');
jcrop.setOptions(newOptions);

Answer 2

今天我也遇到了类似的问题。我通过将Jcrop api初始化为

$(window).load(function() { ... });

而不是

$(document).ready(function() { ... });

这是jQuery中的常见做法。

Answer 3

这可能是JCrop中的一个bug，但你可以用一种在Google Chrome，FF，IE和Safari上工作的方式来编写你的代码。要做到这一点，而不是：

        $.Jcrop($('#cropbox_full'),options);

使用类似如下的内容：

        $(document).ready(function () {
            $('#cropbox_full').Jcrop({
                onSelect: storeCoords,
                setSelect: [0, 0, 114, 137],
                aspectRatio: 114 / 137,
                minSize: [114, 137]
            });
        });