3

aspxページでjcropを使用しています：

<script type="text/javascript" src="../../Scripts/js/jquery.Jcrop.min.js"></script>
<link rel="Stylesheet" href="../../Scripts/css/jquery.Jcrop.min.css" />

これが私のJCrop宣言です：

 <script type="text/javascript">
    $(document).ready(function () {
        $('#' + options.ImageID).Jcrop({
            onChange: function (coords) {
                $('#' + options.HiddenID).val(coords.x + ',' + coords.y + ',' + coords.w + ',' + coords.h);
            },
            aspectRatio: 1
        });
    });
</script>

これが私の.NETイメージです：

<asp:Image runat="server" ID="PhotoPreviewImage" />

options変数は、PhotoPreviewImageのClientIDをJSに渡すためにコードビハインドで作成されたオブジェクトです。

これはChromeでうまく機能しますが、IE9では機能しません（十字線も取得しません）。

jquery.Jcrop.min.js v0.9.10（build：20120429）とjQueryv1.7.1jquery.comを使用しています

IEでこれを機能させるにはどうすればよいですか？

4

3 に答える 3

3

過去に IE の JCrop で問題が発生しました。「onSelect」および「onRelease」イベントをオプションオブジェクトに追加することで解決しました。これがあなたの状況で役立つかどうかはわかりませんが、試してみる価値はあります。私のコードは次のようになりました：

。ネット

<asp:Image ID="cropbox" runat="server" ImageUrl="Assets/images/blank.gif" />

Javascript:

<script>
$(document).ready(function () {
    var api = $.Jcrop('#cropbox', {
        aspectRatio: 1,
        onSelect: update,
        onChange: update,
        onRelease: update
    });
});

function update(c) {
    //Store coords here
}
</script>
于 2012-06-06T17:36:44.200 に答える