jquery - 使 iframe 内的元素可拖动和调整大小

Question

我正在尝试使 iframe 中的元素可拖动和调整大小。

首先，用户可以添加附加到 iframe（相同域）中的图像和 div 等元素。因此，我尝试使用 iframe 在 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图片

score 1 · Accepted Answer

1

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

于 2014-01-29T09:24:52.593 回答

score 0 · Accepted Answer

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

您可以像演示一样将 iframe 包装在可拖动/可调整大小的 div 中。看演示

2 回答 2