Implement Jcrop with Jquery Ui dialog box

I am trying to crop an image using Jcrop, I want this functionality in Jquery UI dialog box. I tried as su开发者_开发百科ggested but its not working at all. Please Help. Thanks

Image should be visible when you call Jcrop on it, but it's not cause jQueryUI dialog is not visible.

Here's the workaround I've used.

$("#dialog-selector" ).dialog({
  open: function(event, ui) { $('#cropbox').Jcrop(); }
});