JQueryフォームウィザード - リンク付き終了ボタン

Question

Flask App内のJqueryフォームウィザードの終了ボタンをリンクにリンクする際に問題が発生しているようです。私は機能をテストするために簡単な警告を作成しようとしましたが、私はそれを得ることさえできません。

私はどこかのステップを逃していると確信していますが、問題を追跡できないようです。

HTML：

 <script src="../static/jQuery-Smart-Wizard/js/jquery.smartWizard.js"></script> 

     <script type="text/javascript"> 
        $(document).ready(function(){ 
         // Smart Wizard 
         $('#wizard').smartWizard(); 
         //$('#range').colResizable(); 

         function onFinishCallback(){ 
          $('#wizard').smartWizard('showMessage','Finish Clicked'); 
         } 
        }); 
        </script> 

jquery.smartWizard.js：

onFinish: function() { alert("Finish Clicked!") }, // triggers when Finish button is clicked 

私はここで間違ってやって上の任意の考え？

Answer 1

== EDITの== 私はあなたがそれをチェックアウトするために、このコードは確かに動作します..私が正常に終了ボタンを追加し、その上にalerfと呼ばれる,,

http://codepen.io/mkdizajn/pen/YZmEWZ?editors=1010

を新しいペンを構築する必要があります！

// define FINISH BUTTON 
var btnFinish = $('<button></button>').text('Finish').addClass('btn btn-info btn-fnsh'); 

// Smart Wizard 
$('#smartwizard').smartWizard({ 
    selected: 0, 
    theme: 'default', 
    transitionEffect: 'fade', 
    showStepURLhash: true, 
    toolbarSettings: { 
     toolbarPosition: 'both', 
     toolbarExtraButtons: [btnFinish] 
    } 
}); 

// define a action for finish btn 
$('.btn-fnsh').on('click', function(){ 
    alert('Finish clicked!') 
})