2015-11-02 28 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,結合當前步驟視圖模型屬性和執行基於它的價值不同的動作同樣的事情。