“继续”和“上一步”按钮不导航Javascript引导

下面是一段我一直试图开始工作的代码。 “继续”和“上一步”按钮不起作用，javascript不显示“下一步”和“上一步”选项卡

Javascript:

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">

    $('.prev').click(function () {
        ;
        var prevId = $(this).parents('.tab-pane').prev().attr("id");    
        $('[href=#' + prevId + ']').tab('show');

        return false;

    });


    $('.next').click(function () {

        var nextId = $(this).parents('.tab-pane').next().attr("id");

        $('[href=#' + nextId + ']').tab('show');

        return false;

    });

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

        //update progress
        var step = $(e.target).data('step');
        var percent = (parseInt(step) / 6) * 100;

        $('.progress-bar').css({ width: percent + '%' });
        $('.progress-bar').text("Step " + step + " of 6");

        //e.relatedTarget // previous tab

    })

    $('.first').click(function () {

        $('#myWizard a:first').tab('show');

    })
</script>

<div class="navbar">
    <div class="navbar-inner">
        <ul id="tabs1" class="nav nav-pills">
           <li class="active"><a href="#step1" data-toggle="tab" data-step="1">Basic Details</a></li>
           <li><a href="#step2" data-toggle="tab" data-step="2">Data Source</a></li>
           <li><a href="#step3" data-toggle="tab" data-step="3">Feature Generation</a></li>
           <li><a href="#step4" data-toggle="tab" data-step="4">Aggregation over Time</a></li>
           <li><a href="#step5" data-toggle="tab" data-step="5">Analysis</a></li>
           <li><a href="#step6" data-toggle="tab" data-step="6">Output</a></li>
        </ul>
    </div>

$（'.prev'）。单击（函数（）{
;
var prevId=$（this）.parents（'.tab窗格'）.prev（）.attr（“id”）；
$（'[href=#'+prevId+']'）。选项卡（'show'）；
返回false；
});
$（'.next'）。单击（函数（）{
var nextId=$（this）.parents（'.tab窗格'）.next（）.attr（“id”）；
$（'[href=#'+nextId+']'）。选项卡（'show'）；
返回false；
});
$（'a[data toggle=“tab”]”）on（'show.bs.tab'，函数（e）{
//更新进度
var step=$（e.target）.data（'step'）；
var百分比=（解析整数（步长）/6）*100；
$（'.progress bar'）.css（{width:percent+'%}）；
$（'.progress bar'）.text（“步骤”+步骤+”，共6步）；
//e、 relatedTarget//previous选项卡
})
$（'.first'）。单击（函数（）{
$（'myWizard a:first'）。选项卡（'show'）；
})

Html:

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">

    $('.prev').click(function () {
        ;
        var prevId = $(this).parents('.tab-pane').prev().attr("id");    
        $('[href=#' + prevId + ']').tab('show');

        return false;

    });


    $('.next').click(function () {

        var nextId = $(this).parents('.tab-pane').next().attr("id");

        $('[href=#' + nextId + ']').tab('show');

        return false;

    });

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

        //update progress
        var step = $(e.target).data('step');
        var percent = (parseInt(step) / 6) * 100;

        $('.progress-bar').css({ width: percent + '%' });
        $('.progress-bar').text("Step " + step + " of 6");

        //e.relatedTarget // previous tab

    })

    $('.first').click(function () {

        $('#myWizard a:first').tab('show');

    })
</script>

<div class="navbar">
    <div class="navbar-inner">
        <ul id="tabs1" class="nav nav-pills">
           <li class="active"><a href="#step1" data-toggle="tab" data-step="1">Basic Details</a></li>
           <li><a href="#step2" data-toggle="tab" data-step="2">Data Source</a></li>
           <li><a href="#step3" data-toggle="tab" data-step="3">Feature Generation</a></li>
           <li><a href="#step4" data-toggle="tab" data-step="4">Aggregation over Time</a></li>
           <li><a href="#step5" data-toggle="tab" data-step="5">Analysis</a></li>
           <li><a href="#step6" data-toggle="tab" data-step="6">Output</a></li>
        </ul>
    </div>

---

完整的代码来自：

，因此您的问题是jQuery语法（您应该查看控制台输出，您会发现错误）

需要的是：

$（'.prev'）。单击（函数（）{
var prevId=$（this）.parents（'.tab窗格'）.prev（）.attr（“id”）；
$（'a[href$=\“\\”'+prevId+'\“]'）。选项卡（'show'）；
返回false；
})
$（'.next'）。单击（函数（）{
var nextId=$（this）.parents（'.tab窗格'）.next（）.attr（“id”）；
$（'a[href$=\“\\”'+nextId+'\“]'）。选项卡（'show'）；
返回false；
})
$（'a[data toggle=“tab”]”）on（'show.bs.tab'，函数（e）{
//更新进度
var step=$（e.target）.data（'step'）；
var百分比=（解析整数（步长）/6）*100；
$（'.progress bar'）.css（{width:percent+'%}）；
$（'.progress bar'）.text（“步骤”+步骤+”，共6步）；
//e、 relatedTarget//previous选项卡
})
$（'.first'）。单击（函数（）{
$（'myWizard a:first'）。选项卡（'show'）
})

一种新的异常检测模型

第1步，共6步








安全问题1
你的第一只宠物叫什么名字？
你第一次在哪里上学？
你母亲的娘家姓是什么？
你最喜欢的车型是什么？


输入响应
选择您的输入源
CSV
数据库


路径
步骤3在此处添加另一个步骤。。
步骤4在此处添加另一个几乎完成的步骤。。
第五步快到了！
第六步最后一个！

所以您的问题是jQuery语法（您应该查看控制台输出，您会发现错误）

需要的是：

$（'.prev'）。单击（函数（）{
var prevId=$（this）.parents（'.tab窗格'）.prev（）.attr（“id”）；
$（'a[href$=\“\\”'+prevId+'\“]'）。选项卡（'show'）；
返回false；
})
$（'.next'）。单击（函数（）{
var nextId=$（this）.parents（'.tab窗格'）.next（）.attr（“id”）；
$（'a[href$=\“\\”'+nextId+'\“]'）。选项卡（'show'）；
返回false；
})
$（'a[data toggle=“tab”]”）on（'show.bs.tab'，函数（e）{
//更新进度
var step=$（e.target）.data（'step'）；
var百分比=（解析整数（步长）/6）*100；
$（'.progress bar'）.css（{width:percent+'%}）；
$（'.progress bar'）.text（“步骤”+步骤+”，共6步）；
//e、 relatedTarget//previous选项卡
})
$（'.first'）。单击（函数（）{
$（'myWizard a:first'）。选项卡（'show'）
})

一种新的异常检测模型

第1步，共6步








安全问题1
你的第一只宠物叫什么名字？
你第一次在哪里上学？
你母亲的娘家姓是什么？
你最喜欢的车型是什么？


输入响应
选择您的输入源
CSV
数据库


路径
步骤3在此处添加另一个步骤。。
步骤4在此处添加另一个几乎完成的步骤。。
第五步快到了！
第六步最后一个！

您在

$（'[href=#'+nextId+']）

和

$（'[href=#'+prevId+']）中缺少引号。

应该是：

---

您在

$（'[href=#'+nextId+']）

和

$（'[href=#'+prevId+']）中缺少引号。

应该是：

请提供