I'；我使用了一点jQuery代码来允许点击和拖动创建框，我如何通过编程来创建它们？

在中，可以在白色区域中单击并拖动以创建框

---

如何以编程方式添加框？感谢阅读。

只需使用正确的类和css样式创建一个新的，并附加到页面上相应的父元素即可

$('<div></div>').addClass('ui-boxer')
                .css({ border: '1px solid white', 
                       background: 'orange', 
                       padding: '0.5em', 
                       position: 'absolute', 
                       'z-index': 100,
                       left: 150, top: 150, 
                       width: 50, height: 50})
                .appendTo('body');

$（''）.addClass（'ui-boxer'）
.css（{边框：“1px纯白”，
背景：“橙色”，
填充：“0.5em”，
位置：'绝对'，
“z指数”：100，
左：150，顶：150，
宽度：50，高度：50}）
.附于（“主体”）；

谢谢您的回答。我试过了，添加框后的html看起来不错，但由于某种原因，框实际上没有出现在画布中？这里是：如果您想要框相对于画布定位，您需要更改位置：“相对”。现在它绝对是相对于页面定位的。试试这个：