jquery steps - 最後のステップで次のボタンを表示したい

Question

私は単純なウィザードで、前のボタンと次のボタンだけが必要です。 3番目と最後のステップでは、次のボタンがファイルアップローダを起動します。

私はそれが簡単にボタン自体を参照するようにするためにこれをしなかった：

はこれまでのところ、私はこれを持っています。

$(document).ready(function() { 

    $("#wizard .actions a[href='#next']").attr("id","next_button"); 
    $("#wizard .actions a[href='#previous']").attr("id","previous_button") 

}); 

は次にここに私のコードの本体です：私は（currentIndex = 2）第三段階に到達すると

$("#wizard").steps({ 

bodyTag: "section", 
transitionEffect: "slideLeft", 
autoFocus: true, 
enableFinishButton: false, 
    enableCancelButton: false, 

onStepChanged: function (event, currentIndex, priorIndex) { 


     if (currentIndex ==2) { 
      console.log('currentIndex is:'+currentIndex); 
       //this returns '2' which is correct 

     $("#next_button").show(); 
     $(function(){ 
      $("#next_button").click(function(){ 
       //custom function here 
      }); 
     }); 

、次のステップボタンはので、私は$（ "＃を実行しようとしました消えますnext_button "）。show（）;しかし、それは動作しません。

何か助けていただければ幸いです。

Answer 1

それはあなたがそのようにenableFinishButton: false を追加することによって、そうするように設定されているため、あなたはそれを削除し、単にラベル

labels: { 
    finish: "Next" 
} 

からではなく、「仕上げ」の最後のステップのボタンに「次」のテキストを変更する必要があります消えます

最後のボタンを使用すると、次と前のボタンに行ったように、このhrefの

<a href="#finish" role="menuitem">Next</a> 

だから、あなたはそれにカスタムIDを追加することができますいずれかになります。または、あなたは単に最後の「次へ」ボタンのクリックでカスタム関数を実行します。この

$('a[href="#finish"]').click(function() { 
    //custom function here 
}); 

のようなものを使用することができます。ステップなどを確認する必要はありません。

希望に役立ちます。