javascript - Twitter ブートストラップ ウィザード: 複数のイベントの処理が機能しない

Question

twitterbootstrap ウィザードを使用しています。サイトの例に従って、ウィザードのonTabShowイベントとonNextイベントを実装しました。OnNext イベントは適切に発生しますが、onTabShow は発生しません。twitter-bootstrap-wizard に制約はありますか。つまり、1 つのウィザード イベント onTabShow(Change/Click) イベントのみを同時に実装できますか?

Answer 1

問題が何であるかを理解しました。以前は次のことを行いました：

var onWizardTabShow=function(tab, navigation, index) {      
    ....
};
var onWizardTabNext=function(tab, navigation, index) {      
    ....
};
$('#rootwizard').bootstrapWizard({
         onTabShow:onWizardTabShow
});
$('#rootwizard').bootstrapWizard({
         onNext:onWizardTabNext
});
$('#rootwizard').bootstrapWizard({
          onTabClick:(tab, navigation, index) {     
    ....
         }
});

ここで、イベントを個別のステートメントでバインドする代わりに、1 つのステートメントでバインドします。前のケースでは、最初のイベントのみが正常にバインドされます。

var onWizardTabShow=function(tab, navigation, index) {      
    ....
};
var onWizardTabNext=function(tab, navigation, index) {      
    ....
};
$('#rootwizard').bootstrapWizard({
         onTabShow:onWizardTabShow,
         onNext:onWizardTabNext,
         onTabClick:(tab, navigation, index) {      
    ....
         } 
});