Javascript 排序后，dblclick函数停止工作

我有一个函数，当双击时，在段落背景中设置黄色。 在我调用一个对这些段落进行排序的函数之前，它工作得很好。 排序后，当用户再次单击两次时，dblclick不起作用

html页面：

   <div class="row row-artigo">
     <div class="col-md-10 text-justify">
       <span class="artigo  highlight">                           
           I - Loren Ipsun Dolor;
       </span>
     </div>
     <div class="col-md-2 text-right">
      <div class="botoes">
        <span class="qtd-voto">1</span>                           
      </div> 
     </div> 
   </div>

排序基于类

qtd voto

，如下所示：

$("a#ordenacao").on("click",(function(e){    
    var $divs = $(".row-artigo");
     var ordenadoDiv = $divs.sort(function (a, b) {                
         return $(b).find('.qtd-voto').text() - $(a).find('.qtd-voto').text();
     });
     $("#container-artigos").html(ordenadoDiv);       
     $(".row-artigo").wrapAll($('<div class="article-post">'));    
}));

$（“a#ordenacao”）。在（“单击”上，（函数（e）{
var$divs=$（“.row artigo”）；
var ordenadoDiv=$divs.sort（函数（a，b）{
返回$（b）.find（'.qtd-voto'）.text（）-$（a）.find（'.qtd-voto'）.text（）；
});
$（“#container artigos”）.html（ordenadoDiv）；
美元（“.row artigo”）.wrapAll（$（''）；
}));

知道为什么会这样吗？

$（“#容器artigos”）。html（OrdenadOIV）

替换现有的DOM内容，有效地删除所有关联的事件侦听器。有关解释，请参阅

在文档上注册事件侦听器将防止发生这种情况

$(document).on("dblclick", "span.artigo", function(e) {
  ....
});

想看看它是否有效吗？

$（“#container artigos”）.html（ordenadoDiv）

替换现有的DOM内容，有效地删除所有关联的事件侦听器。有关解释，请参阅

在文档上注册事件侦听器将防止发生这种情况

$(document).on("dblclick", "span.artigo", function(e) {
  ....
});

---

想看看它是否有效吗？

因为您使用jQuery wrapAll。Dom元素已更改，dblclick的eventListener也不再有效。我发现，问题是如果我不添加类文章帖子，我就失去了页面的设计。有什么建议吗？Tku so muchI删除了wrapAll，但仍然不起作用。可能是使用$（“span.artigo”）。在（“dblclick”，“sub-element”，function（）上{…因为您使用jQuery wrapAll。Dom元素被更改，dblclick的eventListener不再有效。我得到了，问题是如果我不添加类文章帖子，我就失去了页面的设计。有什么建议吗？Tku so muchI删除了wrapAll，但仍然不起作用。可能是使用$（“span.artigo”）。on（“dblclick”子元素“”，函数（）{…很高兴有帮助：）很高兴有帮助：）