Assume that I have following HTML file:
** main.html **
<html>
<body>
<ul>
<li>Element to drag</li>
</ul>开发者_如何学C
<iframe src="demo.html">
</iframe>
</body>
</html>
demo.html (iframe code)
<body class="iframe">
</body>
I'm using jquery UI for drag and drop (Link) And assume that all javascript files are included in main.html and demo.html
Any help would be great helpful !!! Thanks
I had the same problem and manage to do it this way.
Consider the draggable element in your main file normally and refer to the iframe droppable elements with
$( 'your-iframe' ).contents().find( 'elments-you-want-droppable' ).droppable({
// droppable settings here as normal
});
![Interactive visualization of a graph in python [closed]](https://www.devze.com/res/2023/04-10/09/92d32fe8c0d22fb96bd6f6e8b7d1f457.gif)
加载中,请稍侯......
精彩评论