Question

我需要一些帮助来重新初始化脚本。我正在使用Barba.js创建平滑的页面过渡。 Barba将您的页面转换为“单页面应用程序”类型的解决方案。必须再次重新初始化脚本，以使其正常工作。

通常，我会

var sortList = function (){
    ...
};

sortList();

export { sortList }

然后在我的主要Barba文件顶部，进行一些导入

import { sortList } from './filter-sort';

在我的Barba函数中，我称之为sortList();。这确实可以成功重新初始化脚本。

我特别遇到的问题是令人敬畏的Swiper.js。由于某些原因，这不会自行初始化。

import Swiper from 'swiper';

var heroSlider = new Swiper('.swiper-container', {
  speed: 1333,
  slidesPerView: 1,
  loop: true,
  pagination: {
    el: '.swiper-pagination',
    type: 'progressbar',
  },
  autoplay: {
    delay: 12000,
    disableOnInteraction: false,
  },
  navigation: {
    nextEl: '.c-hero__slider--arrow-next',
    prevEl: '.swiper-button-prev',
  },
});

heroSlider.init();

export { heroSlider }

医生说：

init

创建实例时是否应自动初始化Swiper。如果已禁用，则需要通过调用mySwiperName.init()手动将其初始化。默认为true。

在此问题的顶部使用相同的方法，再次调用 instance （在我的Barba函数内部）heroSlider.init()似乎没有重新初始化脚本。但是，它确实为我的sortList()函数重新初始化了脚本。我的控制台也清除了错误。

我曾尝试在Swiper.js实例周围放置一个函数，但是即使是硬加载，旋转木马也根本不会加载。

如何在Barba函数中重新初始化此脚本？我可能导出不正确吗？

谢谢

无法重新初始化“刷卡”实例

0 个答案: