jquery.Jcrop.js не работает должным образом в хромированном

Question

Я использую jquery.Jcrop.js для обрезки изображения. У меня есть три изображения и изображения, входящие в цикл, и их нужно обрезать отдельно. Мой код отлично работает в Firefox, но в хроме, когда я обрезаю второе изображение, тогда элемент управления переходит на третье изображение (на первом изображении это работает нормально) Я не знаю почему. Я проверил все, но не получил никаких проблем. Я использую функцию ниже

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.

Примечание: каждый размер изображения составляет 1000 пикселей x 1000 пикселей.

jsfiddle Example is here

Answer 1

Я получил решение этого вопроса.

goto jquery.Jcrop.js файл.

Найти keySupport: true,

и заменить

keySupport: false,