swiper动态添加的swiper-slide自动滚动无效?

demo在这里:https://jsfiddle.net/n5p3brL8/
通过jquery的append动态添加append,swiper没法自动滚动

<script>
   new Swiper ('#sw2', {
      autoplay: {
        delay: 1
      },
      direction: 'vertical',
      speed: 2000,
      loop : true,
      freeMode:true,
      slidesPerView : 4,
      slidesPerGroup : 1,
      observer:true,
      observeParents:true,
    })

    setTimeout(() => {
      $('.swiper-wrapper').append(` <div  class="swiper-slide">
            <p data-v-f7a8112e="" data-v-57f7f66e="" class="">
              <span data-v-f7a8112e="" data-v-57f7f66e="">FTSE 100</span>
            </p>
        </div>

网上说动态添加需要加:
observer:true,observeParents:true,
我试了还不行?

阅读 4k
1 个回答

image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进