javascript - JQuery:在前一个元素上更改的文本消失

Question

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

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。

Note that this is a quick fix. There must be some callback functions you can use to have the same end effect. The Slick.Grid plugin is rendering the HTML on scroll. Hence the issue.

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