在jquery-steps中更改按钮名称

Question

我已经包含了jquery-steps插件。 我该如何更改按钮文本？
现在它显示"finish"，我想把它改为"go"。

谢谢

- Brampage

Answer 1

请查看以下链接。您可以在初始化时更改所有标签。

var settings = {
    labels: {
        current: "current step:",
        pagination: "Pagination",
        finish: "Finish",
        next: "Next",
        previous: "Previous",
        loading: "Loading ..."
    }
};
$("#wizard").steps(settings);`

- Rafael Staib

Answer 2

我只需要根据条件更改按钮文本。而不必像那样更改设置，这是可以完成的。

 if(true){
 $('a[href$="finish"]').text('Go');
 }else{
 $('a[href$="finish"]').text('No Go');
 }

- mirosz

Answer 3

你可以这样做：

form.steps({
    headerTag: "h4",
    bodyTag: "section",
    transitionEffect: "fade",
    labels: 
    {
        finish: "Go",
    },
    onStepChanging: function (event, currentIndex, newIndex)
    {       
        //change color of the Go button
        $('.actions > ul > li:last-child a').css('background-color', '#f89406');
        form.validate().settings.ignore = ":disabled";
        return form.valid();
    },      
    onFinishing: function (event, currentIndex)
    {
        form.validate().settings.ignore = ":disabled";
        return form.valid();
    },
    onFinished: function (event, currentIndex)
    {

        form.submit();  
    }
});

- Adrian P.

Answer 4

如果按钮的标签/文本需要根据语言动态更改，可以使用以下方法：

/* dynamic change prev-next button text language (check lang attribute in html tag) */

var language = $('html').attr('lang');

$(window).on('load', function () {
  if(language != 'de'){
    $('a[href$="next"]').text('Next');
  } else {
    $('a[href$="next"]').text('Weiter');
  }
});

- Franz Schünzel