3

私はJcropを使用していますが、ユーザー入力に基づいて選択範囲のアスペクト比を動的に変更したくないので、Jcropapiを使用するのが良い方法だと思います。

それをjquery関数として使用すると、問題なく機能するということです。

$('#cropbox_full').Jcrop({
  onChange: update_full_dimensions,
  onSelect: update_full_dimensions
});

しかし、Jcrop関数を呼び出して使用すると、画像が表示されなくなります。

var api = $.Jcrop('#cropbox_full', options);

Jcropのバグですか？

ところで、私はchromeとjquery1.4.2を使用しています

4

4 に答える 4

2

これはJCropのバグである可能性がありますが、Google Chrome、FF、IE、Safariで機能する方法でコードを記述できます。そうするために、代わりに：

        $.Jcrop($('#cropbox_full'),options);

次のようなものを使用します。

        $(document).ready(function () {
            $('#cropbox_full').Jcrop({
                onSelect: storeCoords,
                setSelect: [0, 0, 114, 137],
                aspectRatio: 114 / 137,
                minSize: [114, 137]
            });
        });
于 2011-12-11T22:39:09.370 に答える
2

Firefoxではこれが機能するため、Chromeの使用中にいくつかのバグがあるようです。

$.Jcrop($('#cropbox_full'),options);

jCropが設定された後、次のようにアクセスでき、オプションをリセットできます。これはchromeで機能します。

$('#cropbox_full').Jcrop(options);
var jcrop = $('#cropbox_full').data('Jcrop');
jcrop.setOptions(newOptions);
于 2010-10-14T17:09:06.583 に答える
2

今日も同じような問題がありました。Jcropapiを初期化することで解決しました 

$(window).load(function() { ... });

それ以外の

$(document).ready(function() { ... });

これはjQueryの一般的な方法です。

于 2011-07-18T00:19:15.787 に答える
1

直接使用している場合は$.Jcrop()、jqueryオブジェクトまたは要素が必要です。

使用例は次のようになります。

$.Jcrop($('#cropbox_full'),options);
于 2010-10-14T02:10:53.747 に答える