问题标签 [flickity]

我有一个由Flickity插件提供支持的小型画廊，其中包含图像和 Youtube 嵌入视频。标记类似于：

其中预览图像设置单元格的大小，并且 Youtube iframe 被绝对定位以覆盖单元格：

问题是我在单击嵌入视频时实际上无法drag使用轮播，因为它会播放/暂停视频，但会将视频保持在同一位置，即我无法选择它。有任何想法吗？

我想从我用 Flickity 制作的图像滑块开始，将 autoPlay 选项设置为 true。一段时间后，我想禁用该设置。这样做的原因是因为我对滑块的配置非常复杂，我只想确保用户知道它们是如何工作的，然后允许他们随意使用它们。我知道滑块在悬停时会停止自动播放，但这并不是我想要的。我尝试使用 setTimeout() 函数来处理此问题，但没有成功。

链接到 Flickity Git 存储库上的类似问题

HTML：

jQuery：

我是新来的，这是我的第一个问题。

我在一个简单的页面中有一些带有 flickity 库的画廊，什么时候桌面每个画廊每 3 秒滑动 3 张图片，每个点滑动一次，当 res 设置为智能手机时，画廊视口应该切换到每个点 1 张图片。所以这里是html代码：

如您所见，有一个名为 groupCells 3 的对象，这意味着画廊每次将切换 3 个单元格，但是如果我进入智能手机模式，我需要对数据 attr 说 groupCells 在最大宽度为 1 时必须为 1设置为 991 像素

所以这是我的查询：

});

当然，行不通。

它出什么问题了？

感谢你的支持！

我在 3 个元素上使用 ng-repeat，我想每 30 秒推送一个动态项目，

问题是当我将一个元素推送到数组时，轮播卡住了，不能反映 ng-repeat 中项目的当前状态。

我找到的解决方案是：

1.使用 FlickityService 销毁当前轮播。

2.将新元素推入数组。

3.使用 FlickityService 重新创建轮播。

上述解决方法的问题在于它非常笨拙，需要破坏 DOM 元素并一遍又一遍地重新创建它——非常昂贵的解决方案。我用当前的codepen模拟了这个问题：

在我看来，最佳解决方案是，当我更新当前数组时，flickity 会立即更新。

我很乐意得到任何帮助。

我正在尝试将 Flickity 轮播添加到我的应用程序中。在尽我所能遵循 npm 上的说明后，我收到了这个错误：

./~/flickity-fix/js/flickity.js 未找到模块：无法解析“/Users/.../node_modules/flickity-fix/js”中的“classie/classie”

我已经添加：

到我的 config.js 文件夹，因为我没有 webpack 配置文件（因为我正在使用 create-react-app）。

我四处寻找，有些人遇到了类似的问题（尤其是在这里），但我似乎无法让他们的解决方案对我有用。

我在这里想念什么？

我有一个 flickity 轮播，我想启用autoPlay. 当轮播自动播放时，我想通过groupCells: true. 到目前为止，一切都很好。当用户单击上一个或下一个按钮时，我希望滑块仅移动 1 个单元格，因此当用户单击时，groupCells应该是false.

我的选择：

我有一个使用 CSS 库 Flickity 的水平滚动导航栏。我修改了轮播模板，以便在选择轮播单元格时，它会捕捉到导航栏的中心。我在轮播中有 5 个单元格，名为“幻灯片 1”、“幻灯片 2”，依此类推。我试图弄清楚如何仅在选择轮播单元格时才显示相应的内容。否则我需要隐藏内容。

这是我的 Codepen： https ://codepen.io/loudenw/pen/jGaxzG

我正在尝试在 drupal 8 上设置 Flickity 滑块，但它似乎不起作用，几乎找不到设置支持。

我让滑块加载了 2 张图像，但它似乎不起作用（不滑动，但我使用左右箭头）。如果任何机构成功完成此操作，请告诉我设置。

下面是从 drupal 放到页面上的 HTML。

我正在尝试使用一个简单的javascript，通过单击一个按钮将现有的Flickity幻灯片从一个复制<div>到另一个：

这似乎以某种方式破坏了幻灯片，因为复制的幻灯片的控件在复制后不再起作用。这个 jsfiddle 演示了正在发生的事情：https ://jsfiddle.net/johschmoll/bpv2ns6t/6/

有人可以向我指出为什么复制的幻灯片不再有效，以及我怎样才能让它工作？

我在我的网站上设置了一个 flickity.js 轮播，我想添加几个mailto链接。默认情况下，静态点击在轮播中不起作用，所以我不得不使用staticClick.flickity事件来捕捉它：

https://codepen.io/Deka87/pen/zEJrLY

虽然该href值被恢复正常，但window.location.href由于某种原因，该部分不起作用，即未触发邮件客户端。任何想法如何解决这一问题？