问题标签 [flickity]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vuejs2 - 如何在 vue2.js 中初始化 flickity?
我正在使用 flickity,但它没有初始化,我必须在 google chrome 控制台中手动完成。
索引.html
页面.vue
已经以这种方式在 index.html 中手动尝试
angular - flickity 不是从角度开始的
我在 CDN 上使用 flickity,但是当它加载页面时不起作用。我已经将脚本放在 index.html 中,但它不起作用
组件.ts
javascript - Flickity WrapAround GroupCells,有额外的填充
我遇到了一个问题,当项目数量有限并使用设置 Wrap around 和 GroupCells 时,Flickity 似乎表现不佳这是一个代码笔:https ://codepen.io/JaieParker/pen/rdPMrB
如果需要填充,我希望所有单元格与右侧的所有填充正常间隔。不知道如何实现这一点,并认为它可能是一个 flickity 错误。
css - 使用 flickity 和 bootstrap 4 进行水平卡片滚动(响应式)
任何人都可以提供一个这样的例子,或者至少是 bootstrap 4 中轻弹的成功例子吗?我正在尝试在一种轮播中制作一张水平的卡片列表。我想一次滚动浏览它们三个。使用flickity似乎很有趣,但我在 bootstrap 4 中这样做时遇到了各种各样的问题。卡片的大小不会相同,或者会消失。我尝试在有和没有行/列类(网格)的情况下使用它,只是遇到了不同的问题。这与我想要实现的有点相似,除了滚动条: https ://www.codeply.com/go/PF4APyGj7F
html - Flickity 轮播图像不显示
我有一个 Flickity 轮播,其中一切都已设置并正在工作,只是它只显示了我拥有的最后一张图片,并且在其他图片上重复它(就好像它在它们之上一样)。我不明白为什么。
这是我的 HTML:
和 CSS:
非常感谢您的帮助!
非常感谢您的帮助!
javascript - 多个带有 flickity 灯箱的画廊
我目前正在使用 flickity 并为其添加了一个灯箱扩展,这是我从(vanilla JS)获得它的地方:https ://codepen.io/jimahyland/pen/GZGrEa
我使用引导程序进行媒体查询,所以如果我只有一行,灯箱可以正常工作,但是如果有不止一行,我必须添加多个画廊,是否可以使用此代码来完成?
slider - angular 5 , flickity 滑块
每当我在 li 滑块中添加循环时,我都会使用 flickity 滑块在 angular5 中不起作用
无环
javascript - 页面加载时的 Flickity 在水平之前显示垂直
当我的页面第一次加载时,我会在 flickity 显示幻灯片之前垂直看到元素。如何使用 flickity 或 css 防止这种情况发生?
我尝试使用 .gallery { height:100px; } 但它仍然会扩展 div 以在折叠到滑块之前显示所有元素。
javascript - DOMException:在 ReactJS 组件中使用 JQuery flickity 滑块时出现“找不到节点”错误
我在 ReactJS 中使用 Flickity 滑块(也许你问我为什么在 React 中使用 jquery 库?因为 slick 滑块不支持 RTL,而我的网站是 RTL,看到轮播从是的,而且光滑的 RTL 问题已经在 Github 中打开,所以我别无选择......)
这个错误发生在我更改路线时,并且滑块中的项目数量并没有太多启动滑块,但是当我刷新页面时它会很好地工作!
所有 Flickity React 组件都有问题,其他官方 React 轮播滑块有 RTL 问题