javascript - 如何同时添加两个 Flickity 插件?
问题描述
我一直在使用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.metafizzy.co/options.html#asnavfor 和 flickity.metafizzy.co/extras.html#module-loaders 上的 Flickity 文档?我认为它涵盖了你的情况。
解决方法如下:
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"
})
推荐阅读
- r - R中的I型错误模拟
- p2p - 在 P2P 网络上保持统一时间
- c# - 从 TokenValidatedContext 获取控制器实例(Net Core,JwtBearerMiddleware)
- css - css3 flex:如何创建 2 列:100% + 固定宽度?
- javascript - Express.JS API 与 Node.JS 应用程序问题
- javascript - JavaScript switch 语句未执行案例 1
- java - JPQL 表名未映射
- javascript - 如何在 1 个函数调用中为进度条返回两个百分比值?
- python - 在 python CheckListCtrl 上加载具有透明度的图像
- voip - 在 kamailio 中使用 TSILO 模块进行并行分叉