Javascript .aspx页面上的引导中的动态选项卡？

我有一段代码。我编写了一个javascript，以便在单击选项卡时转到下一个选项卡。然而，当我点击一个给定的按钮时，我也想转到下一个选项卡。我的代码满足了我的要求，除了当我按下一个动态选项卡上的“下一步”按钮时，页面开始刷新，虽然我已移动到下一个动态选项卡，但当页面刷新时，我会返回到初始选项卡。请帮助。（我在aspx页面上运行此脚本，在html页面上运行良好） （附图显示了我的动态选项卡。我想通过单击a部分上的按钮移动到b部分）

我的代码：

<script type="text/javascript">
$(document).ready(function(){ 
$("#myTab a").click(function(e){
    e.preventDefault();
    $(this).tab('show');
});
 $(".btn-style").click(function () {
var target = $(".nav-tabs li.active");
var sibbling;
if ($(this).text() === "Next") {
    sibbling = target.next();
} else {
    sibbling = target.prev();
}
if (sibbling.is("li")) {
    sibbling.children("a").tab("show");
}
});
});

$（文档）.ready（函数（）{
$（“#myTab a”）。单击（函数（e）{
e、 预防默认值（）；
$（this.tab（'show'）；
});
$（“.btn样式”）。单击（函数（）{
var目标=$（“.nav tabs li.active”）；
var同级；
如果（$（this）.text（）=“Next”）{
sibbling=target.next（）；
}否则{
sibbling=target.prev（）；
}
如果（同级为（“li”））{
兄弟姐妹。子女（“a”）。选项卡（“显示”）；
}
});
});

还有一个按钮，比如：

<button class="btn-style" type="submit">Next</button>

下一步

您有一个提交按钮，默认情况下，该按钮将发布您的表单。改变

<button class="btn-style" type="submit">Next</button>

下一步

到

下一步

是的，有时是这样^^

<button class="btn-style" type="button">Next</button>