Cannot drag selection into Jcrop, what could break it?

Question

I'm at a loss. I am using jQuery 1.4.2 and JCrop 0.98. Everything else works fine, but I cannot move the selection after it is created. When I click on the selection and click, nothing happens.

I have a jQuery library, jcrop library and all css css files. This is a pretty clean page without much attention. I don’t know if I accidentally redefine something in my own javascript and css in such a way that it breaks JCrop, there is quite a bit. But Firebugs doesn't change anything.

The tutorials work fine with my browsing and on my server, although they use a different version of jquery. However, when I replace the version that they originally used with the version used, they continue to work fine. So this should be due to my javascript or css.

I have a complete loss here, I look at everything that I can think about, where there may be a problem, but I don’t even know where to look. Has anyone else come across this question before? What was the problem and how did you solve it? Where to look for an error or a bad redefinition?

Answer 1

Problem resolved:

* { margin: 0; padding: 0; position: relative; }

position: relative; JCrop . . , .

, javascript css . .

, , .

Answer 2

, , - css.

Answer 3

, - div CSS. , , , .

jCrop (Jcrop-0.9.12 ) script, .

1122 jquery.Jcrop.js :

       if (Touch.support) {
            $track.bind('touchstart.jcrop', Touch.createDragger('move'));
        }

        $img_holder.append($track);
        disableHandles();

$img_holder.append($ track) $hdl_holder.append($ track) , $hdl_holder , . - zindexing .

script, , :

350 jquery.Jcrop.js:

$hdl_holder = $('<div />').width('100%').height('100%').css('zIndex', 320), 

:

$hdl_holder = $('<div />').width('100%').height('100%').css({
    zIndex: 320,
    position: 'absolute'
}),

1122 jquery.Jcrop.js:

$img_holder.append($track);

:

$hdl_holder.append($track);