拖拽使用jQuery UI删除帧

Question

我想这样做：

• 从包含IFRAME

的第一个文档中拖出DIV元素

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

有没有办法使用jQuery UI draggable＆amp;可以实现这个吗？或者以跨浏览器的方式执行此操作，可能还有另一个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之间拖放，一切正常。