jQuery Forum

I want to drag elemets from the parent and then drop it into the iframe child using jquery-ui's draggable and droppable extensions. I used the following codes in parent for implementing that.

1. $('.some-elements').draggable({

2.       revert:true,

3.       iframeFix: true,

4.       drag:function(event){

5.             //code

6.       },

7. });

8. 
   

9. $container = $('iframe#id').contents();

10. $container.find(".drop" ).droppable({

11.       iframeFix: true,

12.       greedy: true,

13.       over:function( event, ui ){

14.             //code

15.       },

16.       drop: function( event, ui ){

17.             //code

18.       },

19.       out:function( event, ui ){

20.             //code

21.       }

22. });

I can drag the items (but get stucked and a lag in dragging) from the prent window and can't drop it into the iframe in right place. I used the jquery-ui in both parent window and the iframe child. Dont know why i can't implement that. Help please.