JQuery Jcrop SetSelect Shows Visually, But When Clicked To Move, It Jumps

I am using the jQuery plugin Jcrop. I have an issue with one of the initial setup settings called setSelect. The property takes in an array with two sets of x and y coordinates (to

Solution 1:

Turns out another jQuery plugin I was using was interfering with the jcrop positioning. A plugin called colorbox which loads overlay popups was the issue. I was calling jQuery.colorbox.resize() right before I was calling jcrop. When the jcrop code ran the resize was never quite complete. One solution was to put the jcrop code into a setTimeout() to delay the code for a second. That was hackish solution so I asked another more specific question and got an answer. Turns out another fork of colorbox contains a fix to include a function callback on the resize method so that you can execute code when the resize is complete.

jQuery colorbox plugin resize callback

Solution 2:

Not sure if this is quite it and you just did a copy/paste from your source but there's a typo here:

$('#ropTool').height()/4,

You're probably looking for $('#cropTool').height()/4,