.aspx页面上引导程序中的动态选项卡
Dynamic Tabs in bootstrap on .aspx pages?
我有一段代码。我写了一个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>
您有一个提交按钮,默认情况下会发布您的表单。更改
<button class="btn-style" type="submit">Next</button>
至
<button class="btn-style" type="button">Next</button>
相关文章:
- .aspx页面上引导程序中的动态选项卡
- AngularJS 指令的动态选项
- 如何将活动类添加到第一个动态选项卡而不是角度的静态选项卡
- 角度 JS 动态选项卡字段
- Mozilla”;添加“;sdk,简单的pref模块,动态选项(取决于以前选项的选项)
- 使用javascript的动态选项
- 为什么动态选项看起来这么小
- jQuery select2 动态选项
- 基于字母表的选择元素的动态选项组
- 使用 jQuery 自动执行 Bootstrap 动态选项卡
- 动态选项中的默认值
- JQuery 动态选项 选择“问题”
- 在BootStrap选项卡中添加动态选项卡
- jQuery UI选项卡:从链接定位动态选项卡
- Jquery UI禁用动态选项卡
- 如何在单击按钮时添加动态选项卡,但只能单击一次
- 在选择标签中插入动态选项,使用Jquery
- 将动态选项传递给javascript
- 木偶行为:添加动态选项
- 引导选择自定义动态选项