2015-11-02 26 views
2

我正在使用twitter引导向导创建一个带有四个选项卡的向导。 我需要关联下一个按钮单击操作,例如在第一个选项卡我有一个表,用户选择一行,所以我禁用了下一个按钮,并选择一行时启用。问题出在下一个选项卡上,因为下一个按钮的ID对于所有选项卡都是相同的,所以我无法为每个选项卡关联不同的操作。你能建议我一个解决方案吗? 谢谢,这是我的javascript代码:Twitter引导向导区分下一个按钮

$(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

解决:我已经解决了去除click事件,并使用

onNext: function(tab, navigation, index) { 
     if (index==1){ 

所以我用指数来说明一个标签

+0

关联,我可以接受我的答案只有明天 – luca

1

我没有使用Knockout.js,结合当前步骤视图模型属性和执行基于它的价值不同的动作同样的事情。