Drag from parent and drop into Iframe child

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.

```
$('.some-elements').draggable({
```
```
      revert:true,
```
```
      iframeFix: true,
```
```
      drag:function(event){
```
```
            //code
```
```
      },
```
```
});
```
```
$container = $('iframe#id').contents();
```
```
$container.find(".drop" ).droppable({
```
```
      iframeFix: true,
```
```
      greedy: true,
```
```
      over:function( event, ui ){
```
```
            //code
```
```
      },
```
```
      drop: function( event, ui ){
```
```
            //code
```
```
      },
```
```
      out:function( event, ui ){
```
```
            //code
```
```
      }
```
```
});
```

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.

Topic Participants
sherinvjose.007
jakecigar

Drag from parent and drop into Iframe child

Drag from parent and drop into Iframe child

Topic Participants

sherinvjose.007

jakecigar