问题标签 [flickity]

我想知道用户何时通过单击位于我的 Flickity 滑块内的链接开始导航到新页面。我已经在链接上附加了 jQuery click 事件，但是当用户同时滑动并单击时，<a>会触发 click 事件，但不会发生到链接地址的导航。

演示：http ://codepen.io/anon/pen/GoapaY 。要重现该问题：单击链接，然后滑动，然后释放您的单击：事件已触发，但到 example.com 的导航尚未发生。

我可以使用哪个事件/技巧来了解用户何时实际导航到链接地址？

我正在 flickity 中研究这个解决方案（js 滑块）

http://codepen.io/djnutron/pen/jWozOv

检查元素后，我想知道为什么它要调整图像周围的 div 的大小。图像为 1900x850。但是，浏览器以某种方式将周围的 div 调整为 1903x848？

我试过添加

等到所有的div。

CSS代码是：

HTML代码是

它只是调用 flickity - http://flickity.metafizzy.co/

从这个网址 - http://flickity.metafizzy.co/flickity.pkgd.js

这是填充或边距导致这种情况吗？

我正在尝试在新窗口中打开图像并根据 srcset 加载正确的图像，以便根据分辨率打开正确的图像大小

html:

jQuery

以上不会根据分辨率打开不同的图像，但这https://farm4.staticflickr.com/3059/2835191823_e3636abb34_m.jpg

我相信是因为$str[0];我还没有尝试插入索引 [0]，这将我带到未找到的图像

示例：http ://codepen.io/aFarkas/pen/OVoavw

我需要创建一个可拖动的自由滚动轮播，我可以使用http://flickity.metafizzy.co/或http://idangero.us/swiper/之类的工具来完成。但是，这些都不允许我指定初始动作。是否可以在这些轮播上模拟点击拖动以“让它们旋转”？

就像是：

更新 1 我用 Flickety 创建了一个小提琴来演示。我如何给这个初始动作？ https://jsfiddle.net/sprintstar/b34w9uec/

更新 2 我希望它最初能像你抓住它并轻轻旋转一样移动。但我不希望它自动前进，就像“自动播放”一样。不幸的是，Flickerty 没有提供这样的配置。

我正在使用 Flickity 画廊，我希望它循环一次然后停止自动播放。3 是画廊中的最后一件作品，所以当画廊落户于此时，我试图将其命名为它。

提前致谢！到目前为止，这是我的代码：

Flickity 有事件绑定。当下一张或上一张幻灯片移动到时是否有事件？例如，在幻灯片稳定后触发了set 事件。这确实可以满足我的需要，但这里的问题是，如果 Flickity 停留在同一张幻灯片上，它也会触发，如果您滑动但没有足够滑动并且 Flickity 回到原来的位置，就会发生这种情况。cellSelect演示似乎做了很多相同的事情。

在我看来，这样的事情可能解释了我想要实现的目标：

我正在将此库用于名为Flickity的幻灯片，需要使用其 css 文件flickity.min.css。在我的项目中，我使用 postCSS 并将其包含flickity.min.css到我的组件 css 中，例如：

它的类以下列方式获得前缀：MyComponent__flickity-class_35aw这个问题是 flickity 创建新的 dom 元素并依赖于它的类，所以在检查器中，它的类将是.flickity-class因此没有样式应用于它，我试图弄清楚如何正确地包括它。

使用 react + webpack 设置

所以，我试图用 Flickity 和 React 制作一个这样的画廊，但我得到了一些奇怪的闪烁，并且动画不会开始，直到我尝试调整（输出）窗口的大小，然后一切都很好。在 Firefox 上，有时有效，有时无效，而 Chrome 拒绝完全合作。也许值得一提的是，我使用纯 Javascript 和 Flickity 完成了这项工作，所以我想我在 React 中做错了什么。这是代码：

HTML：

反应JS

社会保障体系：

当 Flickity 完成初始化时，是否有我可以收听的事件？

使用 JavaScript 初始化时，我可以自己触发一个事件，但使用此设置我不知道。

使用 HTML
http://flickity.metafizzy.co/#initialize-with-html初始化

目前，我正在检查 Flickity 是否生成了它的 DOM 元素，但这不是很优雅。:-)

我正在尝试通过启动 blaze helpers 来制作 Flickity Carousel。我确实有以下错误：

这是我的轮播模板助手：

和模板本身：

PS：我愿意接受其他方式来完成这项工作。