jquery-steps - 在 jquery-steps 中更改按钮的名称

Question

我已经包含了 jquery-steps 插件。如何更改按钮文本？
现在它说“完成”我想把它改成“去”

谢谢

Answer 1

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

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

Answer 2

我只需要根据条件更改按钮文本。它可以在不改变设置的情况下完成

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

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

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