单击按钮时，创建可调整大小且可拖动的iframe

Question

我正在尝试在单击按钮时创建iframe元素，并且该元素必须可调整大小和可拖动。

但这是我的问题：

1. iframe在js中不容易调整大小和拖动（对于我在js中的低级水平）。因此，首先我尝试使用interactjs，但是当我拖动iframe时，它使我的iframe变得如此缓慢。植物B：arctelix的drag-resize-snap；这无法正常工作（当我尝试调整iframe的大小时，它添加了2 px的左右边距，我让您在this codepen上看到），但这是我发现的最佳“插件”情况。

2. 当我使用带有append（）函数的jquery创建iframe时，我尝试过的js插件不会使这些元素可拖动（而且我绝对不知道为什么）。我试图在每次创建事件时重新加载此代码，但是它不起作用：

   var pane = document.getElementById('pane') var drs = core.util.DRS.makeDRS(pane)

是的，我想这就是我可以解决的所有问题，this codepen上的实际情况留给您。希望能有所帮助。谢谢！