如何同时添加两个 Flickity 插件?
How do I add two Flickity addons at the same time?
我也一直在使用 Flickity Background Lazyload to add lazyloading functionality to my sliders, and now would like to use Flickity asNavFor。通常,我会直接从库中导入 Flickity(而不是从 Flickity 库中),像这样:
import Flickity from 'flickity-bg-lazyload'
const flkty = new Flickity('.element', {
"prevNextButtons": false,
"adaptiveHeight": true
})
我现在的问题是,我必须对 asNavFor 做同样的事情。目前它似乎正在使用 asNavFor 作为额外的库添加,有点像 CDN,但没有直接导入到我需要它的文件中,但我宁愿同时导入 Flickity 的两个变体并在文件中使用它.
这可能吗?
secan 的评论绝对有帮助。由于无法将评论标记为答案,所以我会自己回答,以供日后参考。
Have you checked the Flickity documentation at
flickity.metafizzy.co/options.html#asnavfor and
flickity.metafizzy.co/extras.html#module-loaders? I think it covers
your case.
解决方法如下:
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"
})
我也一直在使用 Flickity Background Lazyload to add lazyloading functionality to my sliders, and now would like to use Flickity asNavFor。通常,我会直接从库中导入 Flickity(而不是从 Flickity 库中),像这样:
import Flickity from 'flickity-bg-lazyload'
const flkty = new Flickity('.element', {
"prevNextButtons": false,
"adaptiveHeight": true
})
我现在的问题是,我必须对 asNavFor 做同样的事情。目前它似乎正在使用 asNavFor 作为额外的库添加,有点像 CDN,但没有直接导入到我需要它的文件中,但我宁愿同时导入 Flickity 的两个变体并在文件中使用它.
这可能吗?
secan 的评论绝对有帮助。由于无法将评论标记为答案,所以我会自己回答,以供日后参考。
Have you checked the Flickity documentation at flickity.metafizzy.co/options.html#asnavfor and flickity.metafizzy.co/extras.html#module-loaders? I think it covers your case.
解决方法如下:
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"
})