Jquery UI / JCrop problem
Hi guys,
I hope you can help me out with a problem with jQuery UI tabs and JCrop. I want to show a few tabs with each his own image cropper in it.
The tabs are working fine and the content within it too. The only problem is that the JCrop isn't showing up in all the tabs except the first.
I'm using FireBug but I don't get javascript errors. When I delete $('#imagesTabs').tabs(); It does show all Jcrop fields. So it looks like a conflict between UI and JCrop.... My theory is that the images for Jcrop get hidden (display:hidden, except the one on the first tab) by jQuery UI and when I click a tab it does show all the content except the JCrop elements.
Another thing that isn't working are the handles for the croparea and moving of the crop area. I already checked if the neccesary css, js files are included and this is the case.
I've posted the sourcecode in pastebin: http://pastebin.com/a0keQmLn
(I did some trimming and the code is partly php-generated)