1

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キーを押した後にのみ機能します。誰かがコードの何が悪いのか教えてもらえますか？

4

3 に答える 3

0

スクリプトタグに「defer」を追加してみてください。

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

または、DOMの準備ができるまで待つこともできます。

$(document).ready(function(){

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

});

hth

于 2012-09-20T07:03:30.973 に答える
0

IEに対してAllowSelect：trueを設定する必要があります

jQuery(function ($) {

        $('#imgLab').Jcrop(
        {
            allowSelect: true,
            //onChange: showCoords,
            //                onSelect: coordsSelected,
            onRelease: clearCoords,
            onDblClick: opendetails
        }, function () {
            Jcrop_Api = this;
        });
});
于 2012-10-26T13:04:45.610 に答える
-1

わかりませんが、これを試してみてください。うまくいかない場合は、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コードで追加しないこともできると確信しています。

于 2012-09-20T07:11:59.027 に答える