IE проблемы с JCrop

Question

Я использую jcrop с моей страницы ASPX:

<script type="text/javascript" src="../../Scripts/js/jquery.Jcrop.min.js"></script> 
<link rel="Stylesheet" href="../../Scripts/css/jquery.Jcrop.min.css" /> 

Вот моя JCrop декларация:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#' + options.ImageID).Jcrop({ 
      onChange: function (coords) { 
       $('#' + options.HiddenID).val(coords.x + ',' + coords.y + ',' + coords.w + ',' + coords.h); 
      }, 
      aspectRatio: 1 
     }); 
    }); 
</script> 

Вот мой .NET образ:

<asp:Image runat="server" ID="PhotoPreviewImage" /> 

Переменная options - это объект, созданный в коде для передачи идентификатора ClientID из PhotoPreviewImage в JS.

Это отлично работает в Chrome, оно не работает в IE9 (я даже не получаю перекрестие).

Я использую jquery.Jcrop.min.js v0.9.10 (сборка: 20120429) и JQuery V1.7.1 jquery.com

Как я могу сделать эту работу в IE?

Answer 1

У меня были некоторые проблемы с JCrop в IE в прошлом. Я решил это, добавив события «onSelect» и «onRelease» к объекту опций. Я не знаю, поможет ли это вам в вашей ситуации, но это стоит того. Мой код выглядит следующим образом:

.Net

<asp:Image ID="cropbox" runat="server" ImageUrl="Assets/images/blank.gif" /> 

Javascript:

<script> 
$(document).ready(function() { 
    var api = $.Jcrop('#cropbox', { 
     aspectRatio: 1, 
     onSelect: update, 
     onChange: update, 
     onRelease: update 
    }); 
}); 

function update(c) { 
    //Store coords here 
} 
</script> 

Answer 2

Я закончил тем, что для обнаружения IE и использовать один из двух форматов для инициализации:

 var is_msie = /msie/.test(navigator.userAgent.toLowerCase()); 
     var jcrop_obj; 

     if (is_msie) { 
      jcrop_obj = jQuery.Jcrop('#img', { 
       onSelect: jcrop_onEndCrop, 
       minSize: [ 20, 20 ], 
       setSelect: [ x, y, x2, y2 ], 
       allowSelect: false 
      }); 
     } 
     else { 
      jQuery('#img').Jcrop({ 
       onSelect: jcrop_onEndCrop, 
       minSize: [ 20, 20 ], 
       setSelect: [ x, y, x2, y2 ], 
       allowSelect: false 
      },function(){jcrop_obj = this;}); 
     } 

Answer 3

Эта определенная фиксированная инициализация для режима совместимости IE 10.