Question

我正在创建一个带有Javascript / jQuery自定义步骤的滑块。

这里我使用的是for循环，但是当我在其中放置一个while循环时，我的函数只能起作用。

第一个代码（没有用）： - 没有while

var steps = '';

// Setting up the steps according to the number of slides
for( var i = 0; i < $itemsCount; ++i ) {

    var step = '';

    // Find step number and step text
    var step_text = $items.eq(i).attr('data-title');

    var step_count = i + 1;

    // current step will have the class 'current'
    var step = i === current ? '<li class="step current"><span data-step="'+ step_count +'">'+ step_text +'</span></li>' : '<li class="step"><span data-step="'+ step_count +'">'+ step_text +'</span></li>';

    i++;
    steps += step;
}

var navSteps = $( '<ul class="steps"/>' ).append(steps).prependTo($slider);

第二个代码（已完成工作）： - 使用while

var steps = '';

// Setting up the steps according to the number of slides
for( var i = 0; i < $itemsCount; ++i ) {

    var step = '';

    // Find step number and step text
    while (i < $itemsCount) {

        var step_text = $items.eq(i).attr('data-title');

        var step_count = i + 1;

        // current step will have the class 'current'
        var step = i === current ? '<li class="step current"><span data-step="'+ step_count +'">'+ step_text +'</span></li>' : '<li class="step"><span data-step="'+ step_count +'">'+ step_text +'</span></li>';

        i++;
        steps += step;
    }
}

var navSteps = $( '<ul class="steps"/>' ).append(steps).prependTo($slider);

这不是一个真正的问题，但我仍然想知道为什么第一个不起作用。

任何人都可以告诉我为什么我必须使用while代替循环？

Answer 1

在第一个中，你正在增加＆＃34; i＆＃34;两次：一次在循环体的末尾，一次在循环标题中（括号中的i++）。

当您添加while循环时，基本上使for循环（大部分）无关紧要，因为当while循环退出＆＃34; i＆＃34;的值时将导致for循环退出。

为什么我的'for'循环功能不起作用？

1 个答案: