浏览器兼容的问题永远是最头疼的。今天就遇到了Jcrop在IE下无效的情况,经过百度,找到了解决方法,记录下来,方便以后查阅。
1.判断是否是IE浏览器。
//判断是否是IE浏览器
if (!+[ 1, ]) {
//是IE浏览器
createJCrop(1);
} else {
//单独判断IE10
if (document.documentMode == 10) {
createJCrop(1);
} else
//非IE浏览器
createJCrop(0);
}
2.分两种情况创建Jcrop实例,即下面的createJCrop()方法。
function createJCrop(flag) {
if (flag == 0) {
//非IE下创建
$('#temp_pic').Jcrop({
onSelect : updateCoords,
onChange : updateCoords,
aspectRatio : 3
});
} else {
//IE下创建
var api = $.Jcrop('#temp_pic', {
onSelect : updateCoords,
onChange : updateCoords,
aspectRatio : 3
});
}
}
3.分析:
在IE下需要用以下方法才能执行:
$.Jcrop('#imgCrop');
4.总结:少用插件!