Перетаскивайте кадры с помощью jQuery UI

Question

Я хотел бы сделать это:

• Перетащите элемент DIV из первого документа, который содержит IFRAME

• Удалите этот элемент DIVво второй документ, внутри IFRAME.

Есть ли способ использовать jQuery UI, перетаскиваемый и сбрасываемый для достижения этой цели?или иным образом сделать это кросс-браузерным способом, возможно, с другой библиотекой JS?

Answer 1

Вы можете легко сделать это, получив доступ к содержимому iframe с помощью jQuery следующим образом:

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

Чтобы убедиться, что содержимое iframe загружается при запуске сценария, вы должны дождаться загрузки jQuery.Событие iframe.

$('your-iframe').load(function() {

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

});

У меня была такая же необходимость в тебе, и мне удалось сделать перетаскивание между iframe таким образом, и все работало правильно.