Jquery事件可拖动、可调整大小不适用于html'&书信电报;对象>';标签

Jquery事件可拖动、可调整大小不适用于html'&书信电报;对象>';标签,jquery,jquery-ui,jquery-ui-draggable,Jquery,Jquery Ui,Jquery Ui Draggable,我在一个项目中使用Jquery Ui,其中像和这样的html对象被拖动并调整大小,但对于交互式SVG,我必须使用来绘制和更改SVG元素。但在这个阶段,我无法拖动和调整元素的大小 我已经尝试过让它可以拖动和调整大小 var newcanvas = $(`<object>`).attr("data","http://upload.wikimedia.org/wikipedia/en/8/80/Wikipedia-logo-v2.svg").css("width","100%"); ne

我在一个项目中使用Jquery Ui,其中像
这样的html对象被拖动并调整大小,但对于交互式SVG,我必须使用
来绘制和更改SVG元素。但在这个阶段,我无法拖动和调整元素的大小

我已经尝试过让它可以拖动和调整大小

var newcanvas = $(`<object>`).attr("data","http://upload.wikimedia.org/wikipedia/en/8/80/Wikipedia-logo-v2.svg").css("width","100%");

newcanvas.resizable();
newcanvas.draggable();
var newcanvas=$(``).attr(“数据”http://upload.wikimedia.org/wikipedia/en/8/80/Wikipedia-logo-v2.svgcss(“宽度”、“100%”);
newcanvas.resizeable();
newcanvas.draggable();
注意:newcanvas是一个动态添加到某个div的对象,但同样的情况在使用
标记和其他标记时工作正常,但不使用object标记


如何解决这个问题?

做了一些研究,
是一个元素,但似乎没有呈现出来。考虑下面的测试:

$(函数(){
函数makeObject(d,t){
如果(t==未定义){
t=$(“.page”);
}
var newcanvas=$(``).attr(“数据”,d).css(“宽度”,“50%”);
newcanvas.appendTo(t);
返回新画布;
}
$(“#makeObject”)。单击(函数(){
var c=makeObject(“https://upload.wikimedia.org/wikipedia/en/8/80/Wikipedia-logo-v2.svg");
c、 可拖动()。可调整大小();
});
$(“#clearObject”)。单击(函数(){
$(“对象,.objectWrap”).remove();
});
$(“#wrapObject”)。单击(函数(){
变量w=$(“”{
类:“objectWrap”
}).css({
宽度:“200px”,
高度:“200px”
}).附于(“.页”);
var c=makeObject(“https://upload.wikimedia.org/wikipedia/en/8/80/Wikipedia-logo-v2.svg“,w);
c、 css(“宽度”、“100%”);
w、 可拖动()。可调整大小();
});
});

制造对象
透明物体
使对象带包裹

欢迎来到StackOverflow。最好包括一个最小的、完整的、可验证的示例:根据您的描述,只要
是DOM的一部分并且有一个Box模型,这些示例就应该可以工作。您在控制台中看到任何错误吗?非常感谢您的回复。我确实应用了这个解决方案,将这个
标记打包到一个div中,然后在div上应用了draggable和resizeable事件。但它似乎不起作用。您可以测试自己的代码段,其中DragTable即使在结束div之后也无法工作。Resizeable可以工作,但它也会阻塞,无法有效工作。。