Question

我有一段代码。我写了一个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");
}
});
});

和一个按钮，如：

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

Answer 1

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

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

到

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

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

1 个答案: