使用jQuery UI拖放帧

我想这样做：

• 从包含IFRAME的第一个文档中拖动DIV元素

• 将此DIV元素放入IFRAME内的第二个文档中。

有没有办法使用jQuery UI draggable＆droppable来实现这一目标？ 或者以跨浏览器的方式执行此操作，可能还有另一个JS库？

Answer 1

您可以通过以下方式使用jQuery访问iframe内部的内容来轻松完成此操作：

$( 'your-iframe' ).contents().find( 'elements-to-find' ).droppable(); 

要确保在运行脚本时加载iframe内容，必须等待iframe的jQuery加载事件。

 $('your-iframe').load(function() { $( 'your-iframe' ).contents().find( 'elements-to-find' ).droppable(); }); 

我对你有同样的需要，并设法通过这种方式在iframe之间进行拖放，一切正常。