Javascript jQuery循环插件：为什么寻呼机没有'；在这个官方演示中显示的图片的确切数量是多少？

我正在尝试将jQuery Cycle插件与pager结合使用（这是一个幻灯片插件）

为什么寻呼机在本次官方循环演示中没有显示确切的图像数量：

如果您查看代码，有8幅图像：

<div id="slideshow" class="pics" style="margin:auto;clear:left;margin-top:40px">
    <img src="malsup/cycle/beach1.jpg" />
    <img src="malsup/cycle/beach2.jpg" />
    <img src="malsup/cycle/beach3.jpg" />
    <img src="malsup/cycle/beach4.jpg" />
    <img src="malsup/cycle/beach5.jpg" />
    <img src="malsup/cycle/beach6.jpg" />
    <img src="malsup/cycle/beach7.jpg" />
    <img src="malsup/cycle/beach8.jpg" />
</div>

而寻呼机只显示3个按钮。它应该显示8个按钮

编辑：JavaScript代码：

$（函数（）{
$（“#幻灯片放映”）。循环({
fx:‘滚动人’，
超时：0，
上一页：“#上一页”，
下一个：“#下一个”，
寻呼机：“#导航”，
pagerAnchorBuilder:pagerFactory
});
功能页面工厂（idx，幻灯片）{
var s=idx>2？'style=“display:none”：“”；
返回“”；
};
});

它不显示第三个以外的任何锚，因为

pagerFactory（）

回调显式设置

style='display:none；'在这些锚上

function pagerFactory(idx, slide) {
    // This line tests if the anchor's index is > 2
    // (beyond the 3rd anchor) and sets its display property to none
    var s = idx > 2 ? ' style="display:none"' : '';
    return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
};

功能页面工厂（idx，幻灯片）{
//这条线测试锚的指数是否大于2
//（超出第三个锚点）并将其显示属性设置为“无”
var s=idx>2？'style=“display:none”：“”；
返回“”；
};

这对DOM的影响可以通过浏览器的检查器看到：

<ul id="nav">
  <li class="activeSlide"><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li style="display:none"><a href="#">4</a></li>
  <li style="display:none"><a href="#">5</a></li>
  <li style="display:none"><a href="#">6</a></li>
  <li style="display:none"><a href="#">7</a></li>
  <li style="display:none"><a href="#">8</a></li>
</ul>












那么，为什么官方演示会这样做呢？我不知道-这是开发者的问题。它确实说明了如何使用
pagerAnchorBuilder
回调函数根据索引在每个寻呼机定位点上设置不同的属性。
它不显示第三个以外的任何定位点，因为
pagerFactory（）
回调函数显式设置
style='display:none；'在这些锚上

function pagerFactory(idx, slide) {
    // This line tests if the anchor's index is > 2
    // (beyond the 3rd anchor) and sets its display property to none
    var s = idx > 2 ? ' style="display:none"' : '';
    return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
};

功能页面工厂（idx，幻灯片）{
//这条线测试锚的指数是否大于2
//（超出第三个锚点）并将其显示属性设置为“无”
var s=idx>2？'style=“display:none”：“”；
返回“”；
};

这对DOM的影响可以通过浏览器的检查器看到：

<ul id="nav">
  <li class="activeSlide"><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li style="display:none"><a href="#">4</a></li>
  <li style="display:none"><a href="#">5</a></li>
  <li style="display:none"><a href="#">6</a></li>
  <li style="display:none"><a href="#">7</a></li>
  <li style="display:none"><a href="#">8</a></li>
</ul>












那么，为什么官方演示会这样做呢？我不知道-这是开发者的问题。它确实说明了如何使用
pagerAnchorBuilder
回调来根据每个寻呼机锚的索引设置不同的属性。
太简单了。我没有注意到“style=“display:none”。。。我想知道为什么在这个官方演示中有这个代码。我可以投票支持你的答案，你应该发布一个答案。太简单了。我没有注意到“style=“display:none”。。。我想知道为什么在这个官方演示中有这个代码。我可以投票支持你的答案，你应该发布一个答案。