Question

我有一个简单的向导，只需要一个'上一个'和'下一个'按钮。在第三步也是最后一步，下一个按钮启动文件上传器。

到目前为止，我有这个：

我这样做是为了更容易引用按钮本身。

$( document ).ready(function() {

  $("#wizard .actions a[href='#next']").attr("id","next_button");
  $("#wizard .actions a[href='#previous']").attr("id","previous_button")

 });

然后这是我的代码正文：

  $("#wizard").steps({

 bodyTag: "section",
 transitionEffect: "slideLeft",
 autoFocus: true,
 enableFinishButton: false,
  enableCancelButton: false,

 onStepChanged: function (event, currentIndex, priorIndex) {


      if (currentIndex ==2 ) {
          console.log('currentIndex is:'+currentIndex);
               //this returns '2' which is correct

        $("#next_button").show();
        $(function(){
            $("#next_button").click(function(){
                //custom function here
            });
        });

当我进入第三步（currentIndex = 2）时，下一步按钮消失，所以我尝试做$（“＃next_button”）。show（）;但这不起作用。

任何帮助，非常感谢！

Answer 1

它会消失，因为您通过添加enableFinishButton: false来设置它所以，您应该删除它，只需将最后一步按钮的文本更改为＆＃34; next＆＃34;而不是＆＃34;完成＆＃34;来自标签

labels: {
    finish: "Next"
}

最后一个按钮将具有此href

<a href="#finish" role="menuitem">Next</a>

因此，您可以像对待下一个和上一个按钮一样为其添加自定义ID。或者你可以简单地使用这样的东西

$('a[href="#finish"]').click(function() {
     //custom function here
});

将在最后一次运行您的自定义功能＆＃34;下一步＆＃34;按钮的点击。无需检查步骤或其他任何内容。

希望有所帮助。

jquery步骤 - 想要在最后一步显示下一个按钮

1 个答案: