jQuery Jcrop setSelect montre visuellement, mais quand on clique pour déplacer, il saute

J’utilise le plugin JQuery Jcrop. J’ai un problème avec l’un des parameters de configuration initiale appelé setSelect.

La propriété prend dans un tableau avec deux ensembles de coordonnées x et y (coin supérieur gauche et coin inférieur droit).

  $(function() { $('#cropTool').Jcrop( { setSelect: [ $('#cropTool').width()/4, $('#cropTool').height()/4, ($('#cropTool').width()/4)*3, ($('#cropTool').height()/4)*3 ] }); });

Visuellement, cela fait exactement ce que j’attends. Il place une sélection de rognage avec le coin supérieur gauche à 1 / 4ème de l’image dans l’image (x et y) et le coin inférieur droit à 1 / 4ème de l’image dans l’angle inférieur droit de l’image. Comme ça:

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

Mais alors quand je vais le déplacer, il saute à cette position:

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

Il saute là immédiatement, je ne le traîne pas là. Si j’essaie de faire glisser la sélection par défaut, elle saute après l’avoir déplacée d’un pixel ou plus. Après ça saute je peux le déplacer normalement. C’est un problème un peu mineur, mais c’est embêtant.

Des idées?

Un autre plugin jQuery que j’utilisais interférait avec le positionnement de jcrop. Le problème était colorbox, qui charge les popups de superposition. J’appelais jQuery.colorbox.resize () juste avant d’appeler jcrop. Lorsque le code jcrop était exécuté, le redimensionnement n’était jamais aussi complet. Une solution consistait à placer le code jcrop dans un setTimeout() afin de retarder le code d’une seconde. C’était une solution bidon alors j’ai posé une autre question plus précise et obtenu une réponse. Un autre fork de colorbox contient un correctif permettant d’inclure un rappel de fonction sur la méthode resize afin que vous puissiez exécuter du code une fois le redimensionnement terminé.

jQuery colorbox plugin redimensionner le rappel

Je ne sais pas si c’est tout à fait ça et vous venez de faire un copier / coller à partir de votre source mais il y a une faute de frappe ici:

$ (‘# ropTool’). height () / 4,

Vous recherchez probablement $ (‘# cropTool’). Height () / 4,