Cycle2：寻呼机仅显示第一张幻灯片的链接并隐藏其他幻灯片答案

【问题标题】：Cycle2: pager only displays link to first slide and hides the othersCycle2：寻呼机仅显示第一张幻灯片的链接并隐藏其他幻灯片
【发布时间】：2015-06-14 02:35:11
【问题描述】：

我正在使用带有轮播插件的 Cycle2。我尝试将他们的寻呼机功能添加到我的页面中，如下所示：

首先，我创建了容器 div：

<div id="concluidos-navigation" class="cycle-pager"></div>

然后，我像这样设置插件选项：

<ul class="cycle-slideshow"
            data-cycle-slides="> li"
            data-cycle-fx=carousel
            data-cycle-allow-wrap=false
            data-cycle-pager="#concluidos-navigation"
        >

生成的 HTML 是这样的，对于第一张幻灯片：

<span class="cycle-pager-active">•</span>

但对于其他每张幻灯片，结果是：

<span style="display: none;">•</span>~

这个“显示：无”从何而来？我错过了什么吗？如果我检查 Chrome 上的元素并删除“显示：无”，所有链接都会显示出来，并且可以完美地在幻灯片之间导航。

这是fiddle

【问题讨论】：

标签： javascript jquery css jquery-cycle2

【解决方案1】：

好的，我可以通过覆盖默认样式来解决它。首先我将这个添加到插件初始化中：

data-cycle-pager-template="<strong class='cycle-pager-nav-circle'><a href=#></a></strong>"

然后我在“cycle-pager-nav-circle”类中添加了一个 CSS 规则：

display: inline-block !important;

但是，如果有人作为更干净的解决方案，请提出您的建议。

【讨论】：

【解决方案2】：

hide-non-active 可能是原因。默认为true。 [Link].

【讨论】：

谢谢，但这不起作用。我相信该选项适用于幻灯片本身，而不适用于寻呼机链接。
@DavidMatos，你能创建一个简单的小提琴吗？
抱歉耽搁了。这是小提琴：link。添加轮播脚本时出现问题。