jQuery colorboxプラグインリサイズコールバック

Question

私はASP.NET MVCアプリケーションを持っています。私は2つのJQueryプラグインを使用しています：colorboxとjcrop。私の問題は、カラーボックスのサイズ変更機能です。私がカラーボックスにコンテンツをロードした後は、サイズ変更機能を呼び出して、その内容に合わせてカラーボックスのサイズを変更します。これは、その直後にjcropプラグインをミックスに追加するという点を除いて、素晴らしいことです。 Jcropはcolorboxのサイズ変更関数が終了する前に少しだけ起動します。このため、jcropのデータが歪んでしまいます。これは、この例のように、最初の移動中にジャンプするトリミングツールが発生します。上記の例では、作物のセレクタは、この質問のように、最初の移動中にジャンプする方法

http://jsfiddle.net/Xg84D/12/

お知らせ：

をjQuery Jcrop setSelect shows visually, but when clicked to move, it jumps

私はこれを停止することが見出されている唯一の方法は、この例のように、サイズ変更コード火災の前に終了されていることを確認するためにsetTimeout()にjcropビットをラップし、1秒間のコードを遅らせることである。

http://jsfiddle.net/Xg84D/13/

ここで、クロップ領域をドラッグすると、最初は飛び越えません。 setTimeout()を使用することは間違いなく私が好きではないハックなので、誰かが何か提案があるかどうか知りたいのですが。 jQuery.colorbox.resize()のみがその設定オブジェクトのコールバック関数を受け入れた場合。

ありがとうございます！

Answer 1

GitHubのcolorboxの開発版には、あなたの問題を解決するコミットがあります。
は、私はあなたがコールバックパラメータを受け入れるようにjquery.colorbox.jsファイル内の関数resizeを編集する必要があることだと思うhere

それを参照してください。リンクが示唆するように。

@@ -450,7 +450,7 @@  
    });  
    };  

- publicMethod.resize = function (options) {  
+ publicMethod.resize = function (options, loadedCallback) {  
    if (open) {  
     options = options || {}; 

@@ -475,7 +475,7 @@ 

     } 

     $loaded.css({height: settings.h});   

-  publicMethod.position(settings.transition === "none" ? 0 : settings.speed);  
+  publicMethod.position(settings.transition === "none" ? 0 : settings.speed, loadedCallback); 
    } 
    }; 

幸運！