我在IE7 / 8中看不到裁剪器。 FF和演示没问题(IE7 / 8)

时间:2010-03-17 17:29:01

标签: javascript internet-explorer-8 internet-explorer-7

我的应用中有cropper

  

登录:fer   密码:m

注意:登录后,您将被重定向到另一个页面。然后再次单击 我提到的链接。

我可以看到它在FF中工作,但在IE7 / 8中(Windows XP SP2,刚刚安装)。

它应该可以正常工作,因为我在两个浏览器中操作demo没有任何问题,而在IE 8开发者工具中,所有.js的必要内容都显示为已加载。

我已与裁剪的开发者联系,但他没有回复。

有什么想法吗?

哈维

2 个答案:

答案 0 :(得分:1)

如果您在源代码中删除第61行处的逗号,该怎么办? IE是非常无效的,带有错误的逗号。

function() {
    new Cropper.Img (
        't3soeta',
        {
            minWidth: 200,
            minHeight: 100,
            ratioDim: { x: 200, y: 100 },
            displayOnInit: true,
            onEndCrop: saveCoords,
            onloadCoords: { x1: 0, y1: 0, x2: 200, y2: 100 }, <---
        }
    ) <---
}

我不确定,因为Javascript不需要在任何地方使用分号,但我个人会用分号来结束new语句。

这有帮助吗?

答案 1 :(得分:1)

我找到了解决方案。它现在在IE7 / 8上工作正常。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<script src="scripts/prototype.js" type="text/javascript"></script>
<script src="scripts/cropper.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">';

    Event.observe (
    window,
    'load',
    function() {
        new Cropper.ImgWithPreview(
            't3soeta',
            {
                minWidth: 300,
                minHeight: 200,
                ratioDim: { x: 300, y: 200 },
                displayOnInit: true,
                onEndCrop: saveCoords,
                onloadCoords: { x1: 0, y1: 0, x2: 300, y2: 200 },
                previewWrap: 'preview'
            }
        )
    }
);

function saveCoords (coords, dimensions)
{
    $( 'x1' ).value = coords.x1;
    $( 'y1' ).value = coords.y1;
    $( 'width' ).value = dimensions.width;
    $( 'height' ).value = dimensions.height;
}
</script>