Jquery-引导选项卡在单击时不更改

我使用bootstrap模式来创建一个表单，需要分两步填写。 在模态中，我使用选项卡来显示这两个表单。 以下是模态体内部的我的ul：

<ul id="example-user-tabs" class="nav nav-tabs" data-toggle="tabs">
<li id="tab1" class="active"><a href="#form1_details" data-toggle="tab">FORM1</a></li>
<li id="tab2"><a href="#questionaire" data-toggle="tab">Questionaire</a></li>
</ul>

如果有人知道怎么做就好了

---

注意：请不要将此标记为重复，因为Stackoverflow线程的任何解决方案都没有解决我的问题。我都做了。

首先，你的js中有错误的id，因为HTML中没有“to_问题”

工作代码应该是这样的

$("#to_questionaire").on('click',function(){
    $('.active').removeClass('active');
        $('#example-user-tabs li').next('li').find('a[href="#questionaire"]').addClass('active').tab('show');
    });

---

你能发布一个有效的例子链接吗？似乎当一个棘手的问题发布时，所有这些专家的专业知识都会受到影响。我已经更改了它…这是一个错误。更改ID不是关注点。它仍然不起作用。

<a href="javascript:void(0);" id="to_questionaire">Next</a>

$("#to_questionaire").click(function(){
        $('#example-user-tabs a[href="#questionaire"]').tab('show');
    });

$("#to_questionaire").on('click',function(){
    $('.active').removeClass('active');
        $('#example-user-tabs li').next('li').find('a[href="#questionaire"]').addClass('active').tab('show');
    });