问题标签 [flexslider]
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.
javascript - Flexslider 2.1 内联样式问题
我使用 flexslider2 来展示我的幻灯片。
但我有一个问题，我的 li 元素的宽度在第一页加载时计算错误。
当我打开 firebug 并单击内联样式时，宽度会发生变化，并且所有内容都正确显示。此外，当我调整浏览器大小时，一切都是正确的。
为什么我有这个问题？
当我查看 flexslider 代码时，我发现：
这应该没问题....因为在调整大小时，它只使用计算的W：
请帮我！！！
jquery - Flexslider 和从右到左的语言支持
我在 WordPress 上安装了一个包含 Flexslider 的模板。我的语言是从右到左 (RTL) 编写的。当页面为 RTL 时，Flexslider 停止并且没有图像出现。我该如何解决这个问题？
jquery - 在所有广告和脚本之后，Flexslider 加载结束
我注意到在所有广告和脚本完成加载后我的 Flexslider 加载幻灯片，并且在 flexslider 上的位置是“大洞”，直到所有脚本和广告完成加载！？你知道这是为什么吗？
javascript - 在每个幻灯片过渡中暂停多个 youtube Iframe 视频
我是 YouTube Iframe API 的新手，当用户移动到另一张幻灯片时，我试图暂停幻灯片中的几个嵌入式 Iframe 视频（jQuery flexslider 插件）。如果播放器没有暂停，则视频将继续播放，并且由于幻灯片放映中将有多个视频，因此当显示新幻灯片时，我需要每个视频都暂停。iframe 不是通过 API 插入的，但由于我使用的 CMS 已经存在于 html 中。
我已经阅读了 API 参考和我在此处找到的几个答案，但是在用户切换到新幻灯片时无法弄清楚如何暂停任何/每个 Iframe 视频。
在我最近的尝试中，如下面的代码所示，我尝试在单击链接时暂停 iframe，因为页面上唯一的链接将用于导航到下一张和上一张幻灯片。我还尝试在通过 flexslider API 提供的幻灯片转换事件上暂停所有视频，但没有成功。
任何帮助将不胜感激
resize - iphone/ipad的flexslider调整大小问题
我以前实现过 flexslider，但这次在 i-phone 或 i-pad 中查看时它没有调整大小。当我调整浏览器窗口的大小时，它也不起作用。请提出任何解决方法。现在我通过在 flexslider.css 文件中添加媒体查询使其工作。
提前感谢您的帮助。
jquery - Flexslider 缓慢的图像加载
我在我正在构建的网站上使用 Flexslider。
我非常喜欢这种响应能力，这就是我不想更改为 nivo-slider 或类似东西的原因。
不利的是，它在加载所有图像之前不显示第一张图像。因此，您必须等待滑块中的所有图像都加载完毕才能使网站看起来正常。这在台式机/笔记本电脑上是可以接受的，但在移动设备上是不可接受的。
我在这里发现了一个类似的问题Flexslider - image preloader但我无法让它工作。
我用它来触发代码
这在我的 HTML 中
问题是。如何使滑块尽快显示第一张图像？然后是第二个，依此类推。
编辑：我解决了这个问题。它在下面的正确答案中给出。如果您有更好的解决方案：请分享：D
jquery - flexslider 图像滑块：段落文本仅在第一张幻灯片上不显示
我正在构建一个使用 flexslider 作为主页图像滑块的站点。
它运行良好，但在 IE7 中进行测试时，第一张幻灯片的段落文本没有出现。当 h2 和按钮出现时，这真的很奇怪，下面所有幻灯片的全部内容也是如此。
我认为这是由 flexslider 引起的问题，但我不确定如何解决它。
这是该网站的链接：https ://mariaridge.myshopify.com/
任何想法将不胜感激！
提前致谢，
汤姆
javascript - 在运行函数之前确保我的循环完全完成？
我创建了一个循环，对我的数据进行模板化，然后将其附加到选定的 div 中，我想确保在运行下一个函数之前这些数据已经完全模板化并注入，所以我真正需要的是回调函数之类的东西。谁能建议我如何做到这一点？
JS
jquery - Flexslider - 幻灯片之间可能有边距？
我有一个来自客户端的（不寻常的）请求，要求在“幻灯片”动画期间每张幻灯片之间至少有 40 像素的填充/边距。Flexslider 的默认设置是让项目相互刷新。
“itemMargin”在 2.0 中有一个新的 JQuery 选项，但它似乎只用于“轮播”设置。如果我通过 CSS 应用边距，每张幻灯片都会撞到下一张幻灯片。
无论如何要在幻灯片之间应用边距，还是这是一个不可能的选择？
这是我当前设置的选项
javascript - Select 不适用于 android (< 4.x) 中的 flexslider
在我的移动网站中使用 flexslider 时，我似乎遇到了显示和选择下拉菜单的问题。 在这里，列出了类似的问题。但解决方案对我不起作用。我确实使用了 useCSS:false，不知何故这对我也不起作用。我使用 Android GingerBread。
我可以提交按钮、输入文本、使用复选框，但不能使用下拉菜单。欢迎任何建议。
==编辑==
我在这里发现了一个类似的报告问题：https ://github.com/woothemes/FlexSlider/issues/82 即使它是与 webkit 相关的问题，任何人都可以为此提出任何解决方案吗？
有时会显示其他幻灯片的下拉列表，尽管有 backface-visibility:hidden。