Jquery ui 如何动态创建jQueryUI小部件

我知道当元素上发生某个事件时，我可以使用

.on

将函数绑定到DOM元素

我一直在使用jQueryUI，我想在页面上加载不同的jQueryUI元素后创建它们。例如，在页面上加载按钮时创建按钮：

$(document.body).on('load', '.my-button', function(){
    $(this).button()
});

但是，这不起作用（事实上，永远不会到达处理程序）

---

在DOM中加载JQuery ui小部件时，如何创建它们？

创建元素时，JQuery不会触发任何事件。相反，从那里使用并运行

按钮（）。而是在添加它们时初始化它们<代码>$（“mybutton”）.appendTo（“body”）.button（）

您将

加载
事件，因为“加载事件在元素和所有子元素完全加载后发送到元素。此事件可以发送到与URL关联的任何元素：图像、脚本、帧、IFrame和窗口对象。”。你的按钮不是这些。您希望事件准确发生在什么时候？我使用
按钮
作为示例，但它也可以是
自动完成
或
手风琴
。是否无法使用
上的
对其进行初始化？