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

【问题标题】：Changing the name of a button in jquery-steps在 jquery-steps 中更改按钮的名称
【发布时间】：2014-04-12 16:55:48
【问题描述】：

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

谢谢

【问题讨论】：

标签： jquery-steps

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

我只需要根据条件更改按钮文本。并且可以在不更改设置的情况下完成此操作

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

【讨论】：

【解决方案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();  
    }
});

【讨论】：

【解决方案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');
  }
});

【讨论】：