我正在使用JQuery步骤,它工作得很好。但我不知道如何改变"下一步"按钮上的文本,这样它是不同的每一步。有没有办法做到这一点,也许在onStepChanged方法中?
这就是你的答案:
$(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);
});
onStepChanged
是更改Next按钮文本的正确位置。不幸的是,目前还没有好的方法来做这种事情。只需使用如下选择器搜索Next按钮,并更改文本wizard.find(".actions a:eq(1)").text("Next One")
。在2.0.0版本中会有一个更好的方法来做这些事情。