动态添加的jQuery UI可排序新ul

我有一个页面，允许用户使用jQuery动态添加新的ul，我将此作为参考：

我用它来动态添加新的ul：

function add_fields(link, association, content) {
  var new_id = new Date().getTime();
  var regexp = new RegExp("new_" + association, "g");
  $(link).parent().before(content.replace(regexp, new_id));
}

现在，我扩展它，使其可排序如下：

  $(document).ready(function () {
    $(".sortable_list").sortable({
      items: "li"
    }).disableSelection();
  });

这里的问题是，对于现有内容，当页面加载时，ul中附加了一个类ui sortable，因此jQuery只将这些ul记为sortable。当我动态添加一个新的ul时，ui可排序类不会被追加，因此它是不可排序的

我尝试硬编码我的模板，以便在动态添加时在每个新ul上包含一个类ui sortable，但jQuery仍然无法将具有ui sortable的新ul识别为sortable

如果我错了，请纠正我。我怀疑jQuery仅在第一次加载时将ul.sortable_列表中的所有列表作为可排序列表查找。就这样。对于每个新添加的ul.sortable_列表，它将不可排序

---

请告知我如何修复此问题。谢谢

我读过，用这个简单的方法。它可能会有用

function add_fields(link, association, content) {
  var new_id = new Date().getTime();
  var regexp = new RegExp("new_" + association, "g");
  $(link).parent().before(content.replace(regexp, new_id));

  $(".sortable_list").sortable({
    items: "li"
  }).disableSelection();     

}

---

注意：请确保您的可排序代码执行有效。我在一年前运行此代码，它对我来说非常有效。我希望它对您和我一样有效。

我阅读了它，使用这种简单的方法。它可能会有效

function add_fields(link, association, content) {
  var new_id = new Date().getTime();
  var regexp = new RegExp("new_" + association, "g");
  $(link).parent().before(content.replace(regexp, new_id));

  $(".sortable_list").sortable({
    items: "li"
  }).disableSelection();     

}

---

注意：请确保您的可排序代码执行有效。我在一年前运行此代码，它对我非常有效。我希望它对您和我同样有效

再次加载内容时调用您的代码，您认为它会有效吗？请看我修改过的问题。再次加载内容时，请调用代码。你认为它会起作用吗？请看我修改过的问题。