jquery - Jquery 仅在 IE 中按 F5 后加载

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

您可以尝试在脚本标签中添加“延迟”：

<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 代码添加或不添加它。