javascript - 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();