jquery - 向导步骤应该适用于 BACK 和 CONTINUE 按钮

Question

我正在使用一个著名的向导插件步骤选项卡表单，在这里单击继续按钮从“步骤 1”到“步骤 2”，然后它卡住了。不想在标签点击上工作。

小提琴演示

这是代码：

$(document).ready(function () {
    //Initialize tooltips
    $('.nav-tabs > li a[title]').tooltip();

    //Wizard
    $('a[data-toggle="tab"]').on('show.bs.tab', function (e) {

        var $target = $(e.target);

        if ($target.parent().hasClass('disabled')) {
            return false;
        }
    });

    $(".next-step").click(function (e) {

        var $active = $('.wizard .nav-tabs li.active');
        $active.next().removeClass('disabled');
        nextTab($active);

    });
    $(".prev-step").click(function (e) {

        var $active = $('.wizard .nav-tabs li.active');
        prevTab($active);

    });
});

function nextTab(elem) {
    $(elem).next().find('a[data-toggle="tab"]').click();
}
function prevTab(elem) {
    $(elem).prev().find('a[data-toggle="tab"]').click();
}

标签： jquery

Answer 1

您忘记active从li

演示

$(".next-step").click(function (e) {

    var $active = $('.wizard .nav-tabs li.active');
    $active.next().removeClass('disabled').addClass("active");
    $active.removeClass("active")
    nextTab($active);

});