Question

我正在使用Jcrop jQuery在MVC3应用程序中裁剪图像。

以下是我的JavaScript函数：

    jQuery(function ($) {
    $('#imgLab').Jcrop(
        {
            onChange: showCoords,
            onSelect: coordsSelected,
            onRelease: clearCoords
        }
        );
});

图片ID是'imgLab'。

<img id="imgLab" src="@ViewBag.ObjLabTypeMaster.TopologyImagePath" alt="Lab" width="500" height="450" />

图片src路径来自数据库。

现在这在FF，Safari和Chrome中运行良好。在IE中它只在我按F5后才有效。谁能告诉我代码中有什么问题？

Answer 1

您可以尝试在脚本标记中添加“defer”：

<script defer>
    // Your code
</script>

或者，您可以尝试等待DOM准备就绪：

$(document).ready(function(){

    $('#imgLab').Jcrop({
        onChange: showCoords,
        onSelect: coordsSelected,
        onRelease: clearCoords
    });

});

HTH

Answer 2

必须为IE

设置 AllowSelect：true

jQuery(function ($) {

        $('#imgLab').Jcrop(
        {
            allowSelect: true,
            //onChange: showCoords,
            //                onSelect: coordsSelected,
            onRelease: clearCoords,
            onDblClick: opendetails
        }, function () {
            Jcrop_Api = this;
        });
});

Answer 3

我不知道，但是你可以试试这个，如果它不能更好地工作，你为什么不忽略IE并说这个页面在IE中不可用或者所有功能都不可用，或者你可以自动如果此人正在使用IE

，则会自动重新加载页面

<script>
        $(document).ready(function() {
            $('#imgLab').Jcrop(function() {
                onChange: showCoords,
                onSelect: coordsSelected,
                onRelease: clearCoords
            });
        });
</script>

要使用以下代码自动重载页面，

<meta http-equiv="refresh" content="30" />
<!-- content being the secounds before reload -->

我确定你可以添加或不添加一些PHP代码。

Jquery仅在IE中的F5之后加载

3 个答案: