我使用twitter bootstrap向导创建一个带有四个选项卡的向导。 我需要在下一个按钮单击时关联一个动作,例如在第一个选项卡中我有一个用户选择一行的表,所以我已经禁用了下一个按钮并在选择了一行时启用了。问题在于下一个选项卡,因为下一个按钮的ID对于所有选项卡都是相同的,因此我无法为每个选项卡关联不同的操作。你能给我一个解决方案吗? 谢谢,这是我的javascript代码:
$(document).ready(function() {
$('#acquisitionWizard').bootstrapWizard({onTabShow: function(tab, navigation, index) {
// Dynamically change percentage completion on progress bar
var tabCount = navigation.find('li').length;
var current = index+1;
var percentDone = (current/tabCount) * 100;
$('#acquisitionWizard').find('#progressBar').css({width:percentDone+'%'});
// Optional: Show Done button when on last tab;
// It is invisible by default.
$('#acquisitionWizard').find('.last').toggle(current >= tabCount);
// Optional: Hide Next button if on last tab;
// otherwise it shows but is disabled
$('#acquisitionWizard').find('.next').toggle(current < tabCount);
$("#next").addClass("disabled");
}});
$(function() {
$("#next").click(
function() {
...
答案 0 :(得分:1)
我使用Knockout.js做了同样的事情,将当前步骤绑定到视图模型属性并根据其值执行不同的操作。
答案 1 :(得分:0)
已解决:我已解决删除点击事件并使用
onNext: function(tab, navigation, index) {
if (index==1){
所以我使用index将指令关联到一个标签