问题描述
我一直在使用 Flickity Background Lazyload 为我的滑块添加延迟加载功能,现在也想使用 Flickity asNavFor。通常,我会直接从库中导入 Flickity(而不是从 Flickity 库中),如下所示:
import Flickity from 'flickity-bg-lazyload'
const flkty = new Flickity('.element',{
"prevNextButtons": false,"adaptiveHeight": true
})
我现在的问题是,我必须对 asNavFor 做同样的事情。目前它似乎正在使用 asNavFor 添加为一个额外的库,有点像 CDN,但没有直接导入到我需要的文件中,但我宁愿将 Flickity 的两个变体一起导入并在文件中使用它.
这可能吗?
解决方法
secan 的评论肯定有帮助。由于我无法将评论标记为答案,我会自己回答,以备将来参考。
您是否在以下位置查看过 Flickity 文档? flickity.metafizzy.co/options.html#asnavfor 和 flickity.metafizzy.co/extras.html#module-loaders?我认为它涵盖 你的情况。
解决方法如下:
import Flickity from 'flickity'
import 'flickity-bg-lazyload'
import 'flickity-as-nav-for'
const flkty = new Flickity('.element',{
"prevNextButtons": false,"adaptiveHeight": true,"asNavFor": ".other_carousel"
})