3

jQuery プラグイン Jcrop を使用しています。setSelect と呼ばれる初期セットアップ設定の 1 つに問題があります。

このプロパティは、x 座標と y 座標の 2 つのセット (左上隅と右下隅) を持つ配列を受け取ります。

<img src="blah" id="cropTool" />
<script type="text/javascript">
    $(function()
    {
        $('#cropTool').Jcrop(
        {
            setSelect: [
                $('#cropTool').width()/4,
                $('#cropTool').height()/4,
                ($('#cropTool').width()/4)*3,
                ($('#cropTool').height()/4)*3
            ]
        });
    });
</script>

視覚的には、これは私が期待していることとまったく同じです。左上隅が画像 (x および y) の 1/4 の位置にあり、右下隅が画像の右下から画像の 1/4 の位置に切り抜き選択が配置されます。このような：

http://www.codetunnel.com/content/images/VisuallyFine.jpg

しかし、それを動かそうとすると、この位置にジャンプします:

http://www.codetunnel.com/content/images/Jumps.jpg

すぐにそこにジャンプします。私はそこにドラッグしていません。デフォルトの選択範囲をドラッグしようとすると、1 ピクセル以上移動した後にジャンプします。ジャンプ後は普通に動かせます。些細な問題ですが、悩ましいところです。

何か案は？

4

2 に答える 2

1

私が使用していた別の jQuery プラグインが jcrop の配置に干渉していたことが判明しました。オーバーレイ ポップアップをロードする colorbox というプラグインが問題でした。jcrop を呼び出す直前に jQuery.colorbox.resize() を呼び出していました。jcrop コードが実行されたとき、サイズ変更は完全には完了しませんでした。解決策の 1 つは、jcrop コードを に挿入してsetTimeout()、コードを 1 秒間遅延させることでした。それはハックな解決策だったので、別のより具体的な質問をして答えを得ました。カラーボックスの別のフォークには、サイズ変更が完了したときにコードを実行できるように、サイズ変更メソッドに関数コールバックを含める修正が含まれていることがわかりました。

jQuery カラーボックス プラグイン サイズ変更コールバック

于 2011-07-18T20:18:24.620 に答える
0

これが完全であるかどうかはわかりません。ソースからコピー/貼り付けを行っただけですが、ここにタイプミスがあります。

$（'＃ropTool'）。height（）/ 4、

おそらく$（'＃cropTool'）。height（）/ 4を探しています、

于 2011-07-13T17:25:26.590 に答える