Javascript 艾莲新闻API&；Swiper-实时拉取内容，而不使滑块混乱

我目前正在使用Aylian News API（）和Swiper.js slideshow（）创建一个滑动新闻标签

我的问题是，滑块一个接一个地在所有div中运行，但是当新内容出现时，滑块开始在div之间跳跃，而不是在div中运行

我的HTML包含3个div-#aylien output，然后是#results，然后是#story，它们相互嵌套。每个新闻帖子都包含在自己的#story div中，该div在数据导入时创建

目前，我的Javascript如下所示：

$(document).ready(function(){

var divListChildren = '';

$('results').find('a').each(function(index,ele){
divListChildren += ele.innerHTML + '';
})

console.log(divListChildren);
})

    function getData() {
  fetch('http://localhost:3010/test', myInit).then(function(response) {

        return response.json();
      }).then(function(res) {

    fetchedStories = res.stories.filter(
        function(story) {
                return ! fetchedStories.find (function(fetchedStory) {
                return story['id'] === fetchedStory['id'];
            });
        }
    ).concat(fetchedStories);
    res.stories.map(makeStory);
    runSlider();



  });
}

getData();

const timeOutTime = 60000;

setTimeout(function doSomething() {
  console.log('getting new stuff!');
  getData();
  setTimeout(doSomething, timeOutTime);
}, timeOu

tTime);

是否有任何方法可以在不跳过滑块的情况下实时刷新内容？或者等待滑块循环最后一个div并等待新内容，直到它重新开始

我不想每次都刷新页面，因为我希望它看起来天衣无缝

谢谢大家!