Question

我是HTML，CSS和JavaScript的新手，现在我遇到了问题而且我遇到了问题。

我的问题是，当我点击下一步转到下一个div我的进度条不起作用但我得到下一个div。

我看到了类似于我的解决方案，但他们也遇到了进度条跳到最后一步而不是“下一步”的问题。这是我所指的解决方案： Multi-step form "next" button not working

// Script till next action knappen och step indicator
$(document).ready(function(){
    var current_fs = "active";
    var next_fs = 1;
$('#next').click(function() {
current_fs = $(this).parent();
    next_fs = $(this).parent().next();
    $('.current').removeClass('current').hide()
        .next().show().addClass('current');
   $('#progressbar li').eq($("current").index(next_fs)).addClass("active");
    if ($('.current').hasClass('last')) {
        $('#next').attr('disabled', true);
    }
    $('#prev').attr('disabled', null);
});

Answer 1

您的代码存在一些问题：

元素ID不应以数字字符开头。你可以在其中加上数字，但要确保第一个字符是alpha [a-z]。
您正在使用jQuery而不包含jQuery
您没有正确关闭$(document).ready(function () { ... } );。您需要在代码末尾添加最后一组});。
您获取下一个进度项的逻辑对我来说似乎不太好。我不确定你到底要做什么，但我认为这样做会有：

替换：

$('#progressbar li').eq($("current").index(next_fs)).addClass("active");

有了这个：

$("#progressbar .active").removeClass('active').next().addClass('active');

这是更新的Fiddle

带进度条的多步计算器不起作用

1 个答案: