JQuery：在前一个元素上更改的文本消失

Question

我正在使用$(element).prev().text("Mytext");来尝试更改以前元素的文本的JQuery应用程序。但是当我向上/向下滚动页面时，我所做的更改都消失了。

titles = $('.checkGroup:checked').parent().map(function() { 
    return $(this).text(); 
}).get(); // Generate Array of Titles 
for (i = 0; i < titles.length; i++) { 
    $('span[level ="' + i + '"]').prev().text(titles[i]); 
} 

这是我的代码片段。请帮我解决这个问题

Answer 1

要解决此问题，请添加以下JS。

请注意，这是一个快速修复。必须有一些回调函数可以用来产生相同的效果。 Slick.Grid插件正在滚动显示HTML。因此，这个问题。

活动为SlickGrid。

编辑1：

grid.onScroll.subscribe(function(e,args){ 
    $('.checkGroup:checked').parent().each(function (i, val) { 
     $('span[level ="' + i + '"]').each(function(){ 
      $(this).prev().text($(val).text()); 
     }); 
    }); 
}) 

通常情况下，以下可能会奏效。但SlickGrid有它自己的许多奥秘。它不是滚动事件。

$(document).on('scroll', '.slick-viewport',function(){ 
    $('.checkGroup:checked').parent().each(function (i, val) { 
     $('span[level ="' + i + '"]').each(function(){ 
      $(this).prev().text($(val).text()); 
     }); 
    }); 
})