禁用jQuery智能向导4的完成按钮

我在禁用上的“完成”按钮时遇到问题。站点中给出的示例默认情况下启用了按钮

默认情况下，它应该禁用Finish按钮，并且应该仅在到达最后一步时启用。我应该如何禁用和启用按钮

---

多谢各位

尝试smartWizard中的选项

启用FinishButton

例如：

嘿嘿,

我刚刚找到了这个解决方案， 只需在向导的每个步骤中添加此简单代码

if($('button.sw-btn-next').hasClass('disabled')){
            $('.sw-btn-group-extra').show(); // show the button extra only in the last page
        }else{
            $('.sw-btn-group-extra').hide();                
        }

以下是完整的代码：

$("#smartwizard").on("showStep", function(e, anchorObject, stepNumber, stepDirection) {
        if($('button.sw-btn-next').hasClass('disabled')){
            $('.sw-btn-group-extra').show(); // show the button extra only in the last page
        }else{
            $('.sw-btn-group-extra').hide();                
        }

      });

解释很简单，showStep函数处理向导中的每个步骤（从步骤1到步骤2，等等） 然后，我们只需要检查类btn next（类next button）的按钮是否禁用了类，因为我们知道当页面最后一次出现时，next按钮被禁用

---

希望有帮助。

下面是一个示例，其中包含所需的按钮

举个例子。
向模式页脚添加三个按钮：

    <div class="modal-footer">
      <button class="btn btn-secondary" id="prev-btn" type="button">Previous</button>
      <button class="btn btn-secondary" id="next-btn" type="button">Next</button>
      <button class="btn btn-primary" id="finish-btn" type="submit">Finish</button>
    </div>

---

您可以像这样隐藏按钮：

$("#smartWizard").smartWizard({
toolbarSettings: {
    showPreviousButton : false // To hide Previous Button
   }

});

---

你有没有试过什么或者搜索过什么？是的。我将这个code.addClass（'disabled'）添加到。它禁用了按钮，但仍然可以单击。。。我最终自己解决了这个问题：）我添加了一个类名.addClass（'finish_button'）和命令$（“.finish_button”）.prop（“disabled”，true）；在$（document）.ready（function（））中的最后一行，我现在也知道了如何按类启用按钮。是的，现在可以了。不过，最后一个细节是：当您链接自己的网站、工具和类似工具时，您需要公开这是您的回购。有关更多信息，请参阅您是否使用SmartWizard3？

        $("#smartwizard").on("showStep", function(e, anchorObject, stepNumber, stepDirection, stepPosition) {
           if(stepPosition === 'first'){
               $("#prev-btn").addClass('disabled');
               $("#finish-btn").hide();
           }else if(stepPosition === 'final'){
               $("#next-btn").hide();
               $("#finish-btn").show();
           }else{
               $("#finish-btn").hide();
               $("#next-btn").show();
               $("#prev-btn").removeClass('disabled');
           }
        });

$("#smartWizard").smartWizard({
toolbarSettings: {
    showPreviousButton : false // To hide Previous Button
   }

});