【问题标题】:jQuery list to start at 1, not 0jQuery 列表从 1 开始,而不是 0
【发布时间】:2014-07-05 05:34:48
【问题描述】:

我已经阅读了一些关于此问题的先前问题,但尚未找到解决方案。

我在 Joomla 3 上安装了一个幻灯片 ck 模块,我修改了它的 CSS 以在分页中显示数字而不是圆圈。

问题:

模块显示从数字 0 开始的分页。我需要它从数字 1 开始。

问题:

有没有办法将分页显示为 0 是 1、1 是 2、2 是 3 等等?

功能就是这个:

if($(pagination).length) {
        $(pagination).append('<ul class="camera_pag_ul" />');
        var li;
        for (li = 0; li < amountSlide; li++){
            $('.camera_pag_ul',wrap).append('<li class="pag_nav_'+li+'" style="position:relative; z-index:1002"><span><span>'+li+'</span></span></li>');
        }

【问题讨论】:

  • 这个问题似乎跑题了,因为没有问题。
  • 只需更改最后一个跨度 -> &lt;span&gt;'+(li+1)+'&lt;/span&gt;
  • 谢谢@adeno!你的回答解决了我的问题。
  • @Adam,如果我没有以正确的方式问这个问题,我很抱歉。事实上,代码本身没有问题。问题是我的客户需要从 1 开始分页。我真的需要修改。

标签: jquery pagination slideshow


【解决方案1】:

我建议在 FOR() 循环中使用那个“初始化”的东西。

for([InitializeOnce]; [loopConditionBefore]; [loopActionAfter])

下面的代码意思是“从零开始计数'li',循环while li

for (li = 0; li < amountSlide; li++)

您的解决方案是不同的初始化!你想从 1 而不是 0 开始计数?然后初始化你的计数器——你猜对了——从 1 开始!

for (li = 1; li < amountSlide; li++)

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for

【讨论】:

  • 这个答案也不错 Spanka。它使列表从编号 1 开始。但在我的具体情况下,这种方法有助于分页,但在分页中没有相应编号的情况下,一张幻灯片可见。正如 Andres 和 adeno 建议的那样,将 li 更改为 (li+1) 就可以了。
  • 啊,那是因为我忘了改变循环条件!您的问题实际上是“如何计算基于 0 的数组以使其基于人类的 1?” - 答案是偏移循环。我给了你初始化,但条件错误。对不起!如果你初始化@0,你的循环条件是。从 0 开始,数到少于项目总数 (3):0-1-2。如果你初始化@1,你的循环条件是。从 1 开始,计数到小于或等于的项目总数:1-2-3 计数、范围、对象、集合等 - 这个问题一直存在。手动增量等工作,但可能容易出错!
【解决方案2】:

你可以试试:

if($(pagination).length) {
    $(pagination).append('<ul class="camera_pag_ul" />');
    var li;
    for (li = 0; li < amountSlide; li++){
        $('.camera_pag_ul',wrap).append('<li class="pag_nav_'+(li+1)+'" style="position:relative; z-index:1002"><span><span>'+(li+1)+'</span></span></li>');
    }

【讨论】:

  • 谢谢@Andres!你也是对的。正如@adeno 评论的那样,只需将 li 更改为 (li+1) 即可解决我的问题。
  • 欢迎您,您也可以按如下方式更改循环:for (li = 1; li &lt;= amountSlide; li++)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-10-18
  • 1970-01-01
  • 2011-02-16
  • 1970-01-01
  • 2018-11-18
  • 2013-09-26
相关资源
最近更新 更多