编程的新手，所以我仍然只是弄清楚事情是如何工作的。我正在尝试执行以下操作：
问题：除draggable（）和resizable（）之外，其他所有方法都起作用。可拖动的作品，直到我尝试添加可调整大小的作品为止。我试图更改它的调用方式以及在代码中的调用位置，查看了很多SO问题，jQuery源等。没有得到它。
这是代码：
$(document).ready(function(){
var button = $("#documents_box");
var wrapper = $("#wrapper");
var counter = 0;
button.click(function () {
var newCanvas = $('<canvas>');
var boxNumber = counter;
counter++;
newCanvas.draggable({containment: "parent"});
//newCanvas.resizable({handles: "all"});
newCanvas.addClass("docbox");
newCanvas.attr("id", boxNumber);
newCanvas.click(function () {
var newClass = this.className;
var newID = this.id;
alert(newClass+newID);
});
wrapper.append(newCanvas);
});
}）;
和小提琴在这里：http : //jsfiddle.net/y4steqe2/18/
非常感谢任何可以解释我在做错事情的人。：p
调用newCanvas.resizable在newCanvas节点周围添加了环绕式div，因此HTML如下所示：
<div class="ui-wrapper" style="overflow: hidden; ...">
<canvas class="docbox ui-resizable" id="0" style="..."></canvas>
<!-- UI HANDLES CODE -->
</div>
当您调用newCanvas.draggable({containment: "parent"});它时，将允许canvas在可调整大小的插件添加的div内拖动。
将其更改为拖动环绕div而不是画布后，它将起作用：
newCanvas.closest('div').draggable({containment: "parent"});
工作示例：http : //jsfiddle.net/6pnuvg2k/1/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句