Question

我正在使用jquery.Jcrop.js来裁剪图片。我有三个图像和图像进入循环，需要单独裁剪。我的代码在Firefox中运行良好，但在我裁剪第二张图像时使用chrome，然后控件转到第三张图像（在第一张图片中，这工作正常）我不知道为什么。我检查了一切，但没有得到任何问题。我正在使用以下功能

 function countTest(){
        $( ".HM_img_cotent .preview" ).each(function( index ) {
        var HM_index = index+1;
        jcrop_api = this;
        $('#cropbox_'+HM_index).Jcrop({
            aspectRatio: 1,
            dragEdges: false,
            //createHandles: ['n','s','e','w','nw','ne','se','sw'],
            onRelease:  function () {
                   clearCoords(HM_index);
            },
            onSelect: function (coords) {
                    updateCoords(coords, HM_index);
            }
        });
     });    
}  

    function updateCoords(c, HM_index)
    {
       $('#x_'+HM_index).val(c.x);
       $('#y_'+HM_index).val(c.y);
       $('#w_'+HM_index).val(c.w);
       $('#h_'+HM_index).val(c.h);
    };

    function clearCoords(HM_index)
    {
       $('#x_'+HM_index).val('');
       $('#y_'+HM_index).val('');
       $('#w_'+HM_index).val('');
       $('#h_'+HM_index).val('');
    };

主要功能是在ajax函数内调用。

注意：每张图片尺寸为1000px x 1000px。

jsfiddle Example is here

Answer 1

我得到了这个问题的解决方案。

转到jquery.Jcrop.js档。

查找keySupport: true,

并替换为

keySupport: false,

jquery.Jcrop.js无法在chrome中正常工作

1 个答案: