单击按钮时未加载jqueryui元素

Question

我对从脚本内部调用的jqueryui元素有点问题。它们不作为jqueryui元素加载。我想我需要以某种方式再次调用jquery脚本，但我不太清楚如何去做。

按钮点击代码为

$("#parcels-add").click(function () {
    //remove existing table rows if there are any
    $("#added-parcels tr td").remove();
    $("#parcel").css("display", "block");
    //Add the rows
    for (var i = 0; i < numOfParcels; i++) {
       $("#added-parcels").prepend("<tr>" +
                                   "<td>" + "01" + "</td>" +
                                   "<td><input type='text' value='cm' class='package-value' /></td>" +
                                   "<td><input type='text' value='cm' class='package-value' /></td>" +
                                   "<td><input type='text' value='cm' class='package-value' /></td>" +
                                   "<td><input type='text' value='cm' class='package-value' /></td>" +
                                   "<td><button id='package-delete'>Delete</button></td>") +
                                 "</tr>";
      }
});

for循环中的按钮不像其他jqueryui按钮那样显示。如下所示

它的外观和行为类似于普通的HTML按钮

我还有一个简单的脚本来删除输入文本框中无效的文本

这可能与javascript文件的排序有关吗？ Chrome控制台中没有错误，但这不能正常工作。

非常感谢任何帮助。

由于

Answer 1

在.button()循环后，在新按钮上调用for。

 $("#added-parcels button").button();