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