在iframe中制作元素可拖动且可分解的

Question

我正在尝试在iframe可拖动且可分解的元素中制作元素。

首先，用户可以添加附加到iframe（同一域）的元素，例如图像和div。因此，我尝试使用

在iframe中搜索

$("#iframeDiv").contents().find(".draggable").draggable();
$("#iframeDiv").contents().find(".draggable").resizable();

#iframeDiv是iframe id

.draggable是图像类

我还尝试了getElementId（）在iframe中找到元素，然后使用

$(function() {
    $( ".draggable" ).draggable();
  });
$(function() {
        $( ".draggable" ).resizable();
      });

，但没有人工作。

我可以使用另一个功能来使其可拖动/可重新设置吗？

更新：在一些帮助下，我解决了可拖动的问题。但是，我仍然无法调整任何元素。

这是一个JSFIDDLE。jpg图像需要上传

Answer 1

$("#iframeDiv").contents().find(".draggable").draggable({
    iframeFix: true
});

Answer 2

        $(function () {
            $("#framewrap")
                .resizable()
                .draggable();           
        });

您可以像演示一样将iframe包裹在可拖动/可重大的Div中。请参阅Demo