jquery-steps - JQuery-Steps:各ステップの次のボタンをカスタマイズする方法は?

Question

私はうまく機能するJQuery Stepsを使用しています。しかし、「次へ」ボタンのテキストをステップごとに異なるように変更する方法がわかりません。おそらくonStepChangedメソッド内でそれを行う方法はありますか?

Answer 1

これはあなたの答えです。

$(function ()
{
    var settings = {
        headerTag: "h2",
        bodyTag: "section",
        transitionEffect: "slideLeft",
            labels: 
            {
               next: "Enroll",
               finish: "Pay Now",
            },
        onStepChanged: function (event, currentIndex, newIndex)
            {       
                //change color of the Go button
                //alert(currentIndex);
                if(currentIndex==1){
                $(".actions a:eq(1)").text("Checkout");
                }else{
                    $(".actions a:eq(1)").text("Enroll");
                }

            },

    };
    $("#wizard").steps(settings);
});