关于Jcrop在IE下(含IE10)无效的解决办法

浏览器兼容的问题永远是最头疼的。今天就遇到了Jcrop在IE下无效的情况,经过百度,找到了解决方法,记录下来,方便以后查阅。

1.判断是否是IE浏览器。

[javascript]  view plain copy
  1. //判断是否是IE浏览器  
  2.         if (!+[ 1, ]) {  
  3.         //是IE浏览器  
  4.             createJCrop(1);  
  5.         } else {  
  6.                 //单独判断IE10  
  7.             if (document.documentMode == 10) {  
  8.                 createJCrop(1);  
  9.             } else  
  10.                               //非IE浏览器  
  11.             createJCrop(0);  
  12.         }  

2.分两种情况创建Jcrop实例,即下面的createJCrop()方法。

[javascript]  view plain copy
  1. function createJCrop(flag) {  
  2.         if (flag == 0) {  
  3.             //非IE下创建  
  4.             $('#temp_pic').Jcrop({  
  5.                 onSelect : updateCoords,  
  6.                 onChange : updateCoords,  
  7.                 aspectRatio : 3  
  8.             });  
  9.         } else {  
  10.             //IE下创建  
  11.             var api = $.Jcrop('#temp_pic', {  
  12.                 onSelect : updateCoords,  
  13.                 onChange : updateCoords,  
  14.                 aspectRatio : 3  
  15.             });  
  16.         }  
  17.     }  
3.分析:

在IE下需要用以下方法才能执行:

[javascript]  view plain copy
  1. $.Jcrop('#imgCrop');  

你可能感兴趣的:(关于Jcrop在IE下(含IE10)无效的解决办法)