Javascript 在DynamicLay创建的元素上应用JQuery UI

我正在使用ASP.NET（VS2012，C#）开发一个web应用程序。我想使用jQueryUI可拖动和调整大小。它们在静态对象（即最初出现在我的HTML中的对象）上工作得很好，但是如何在使用javascript动态创建的元素上应用这些良好的效果呢

下面是我如何使用JS添加我的动态元素：

var id =
    x[4] +
    "^" +
    x[0] +
    "^" +
    x[3] +
    "^" +
    x[2] +
    "^" +
    x[3] +
    "^" +
    x[5] +
    "^";

var eventdiv =
    "<div class='dragresize' id='" +
    id +
    "' onfocus='X()' onclick='ShowEditBox(this.id,event)' style='width:50%; cursor:hand; cursor:pointer; background-color:" +
    x[3] +
    "; border-style:solid; border-color:white; border-width:1px; height:60%'>";

if (x[0] != "")
    eventdiv += x[0];
else
    eventdiv += "(No title)";

eventdiv += "</div>";

document
    .getElementById('<%=tblWeek.ClientID %>')
    .getElementsByTagName("tr")[j + 1]
    .getElementsByTagName("td")[1 + i]
    .childNodes[0].innerHTML += eventdiv;

$(".dragresize").on("load", function () {
    alert('a');
    $(this).draggable();
    alert('c');
});

var-id=
x[4]+
"^" +
x[0]+
"^" +
x[3]+
"^" +
x[2]+
"^" +
x[3]+
"^" +
x[5]+
"^";
var eventdiv=
"";
如果（x[0]！=“”）
eventdiv+=x[0]；
其他的
eventdiv+=“（无标题）”；
eventdiv+=“”；
文件
.getElementById（“”）
.getElementsByTagName（“tr”）[j+1]
.getElementsByTagName（“td”）[1+i]
.childNodes[0]。innerHTML+=eventdiv；
$（.dragresize”）.on（“加载”，函数（）{
警报（“a”）；
$（this.draggable（）；
警报（“c”）；
});

但是

$（“.dragresize”）中的代码。在（“load”上，函数（）{

从未运行过，这里出了什么问题

---

提前感谢

您能举一个例子说明如何在静态元素上应用JQuery UI吗？我只想成为同一个页面。JQuery UI不处理任何委托方法（AFAIK），然后你需要在动态元素添加到DominInterest后初始化插件，我期待一些js代码。你用HTML初始化元素，通过给出类名？谢谢A。沃尔夫，这正是我猜测的，但我怎么能做到？你能给我举个例子吗？例如，我做了一个div，像这样：Yes Jerry，in f我给动态创建的对象一个类名（这里是dragresize），然后使用：$（函数（）{$（“.dragresize”）.draggable（）；$（“.dragresize”）.resizeable（）；}）；是否正确？