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);
});

Answer 2

onStepChanged是更改“下一步”按钮文本的正确位置。不幸的是，目前还没有好的方法来做这类事情。只需使用如下所示的选择器搜索Next按钮，并更改文本wizard.find(".actions a:eq(1)").text("Next One")。在2.0.0版本中将是做这些事情的更好的方法。