使用JQuery编写新HTML将禁用popover

我使用JQuery的sortable和serialize将位置保存到数据库中。 保存在数据库示例中的位置：

[“13”、“1”、“7”、“3”、“12”、“5”、“9”、“0”、“2”、“4”、“6”、“8”、“10”、“11”]

我有一个UL标签，每个列表都有这样的id：0类，1类，2类直到13类

因此，在页面加载时，如果用户显然已连接，我将按如下方式重新排列列表：

    var categoriesPos = '#{data.user.CategoriesPos}'; 
    categoriesPos = JSON.parse(categoriesPos.replace(/"/g,'"'));

    var categList = document.querySelectorAll('ul')[4]
    var categLi = categList.getElementsByTagName("LI");

    var categoriesP = [];

    for (var i = 0; i < 14; i++) {
        categoriesP.push(categLi[categoriesPos[i]])
    }

    $('.categories-sortable ul').html(categoriesP)

var categoriesPos='#{data.user.categoriesPos}'；
categoriesPos=JSON.parse（categoriesPos.replace（/“/g，”）；
var categList=document.queryselectoral（'ul'）[4]
var categLi=categList.getElementsByTagName（“LI”）；
var=esp[]；
对于（变量i=0；i<14；i++）{
分类推送（categLi[categiespos[i]]
}
$（'.categories可排序ul'）.html（categoriesP）

然而，我的问题是，每个列表都有一个“更多…”按钮，它会在悬停时触发弹出框。 这一行打断了popover:

$（'.categories sortable ul'）.html（categoriesP）

它工作正常，排序正确等等，正如我所说，唯一的问题是它破坏了popover。

根据“更多”按钮的位置，对整个排序集合使用jQuery

prepend（）

或

append（）

//在修改列表的其余部分之前，将事件侦听器添加到keepme
//因为元素永远不会从DOM中删除，所以在完成排序后，它将起作用
$（'#keepme'）。单击（（）=>console.log（'clicked'））
常量顺序=[“1”、“2”、“3”]
常量items=$（'.item'）.sort（（a，b）=>order.indexOf（a.id）-order.indexOf（b.id））
$（“#列表”）。前置（项目）

三
一个
两个
让我留在这里

好吧，这很管用。当然，我不得不稍微调整一下，但效果不错，谢谢！