Question

我有一个基于fullpage.js的网站，我需要在其中将位于每张幻灯片上的html的某些部分附加到标题中。除了一件事，一切都工作正常-我不知道如何避免重复的内容。每次我更改幻灯片而不是获取新项目并删除旧项目时，都会看到2个或更多（取决于我旋转的幻灯片数量）

var headerData = $('#data-header');
var slideData = $('.fp-slide.active .slide-data');

$('.slide').each(function(){
     if ($(this).hasClass('active')) {
         var slideData = $(this).find('.slide-data');
          slideData.prependTo(headerData);
        } else {
        // need to remove it somehow but remove() or hide() isnt working
        }
    });

我正在afterSlideLoad fullpage.js事件上运行此代码。

Answer 1

尝试一下：

var headerData = $('#data-header');
var slideData = $('.fp-slide.active .slide-data');

$('.slide').each(function(){
    if ($(this).hasClass('active')) {
        var slideData = $(this).find('.slide-data');
        slideData.html('') // before adding new header data, first clear the old one
        slideData.prependTo(headerData);
    }
});

在fullpage.js幻灯片更改之前将项目添加到div

1 个答案: