在 onfinish 事件 jquery.steps 后禁用完成按钮答案

【问题标题】：disable finish button after onfinish event jquery.steps在 onfinish 事件 jquery.steps 后禁用完成按钮
【发布时间】：2014-07-08 10:29:33
【问题描述】：

我使用 jquery.steps，但在按下完成按钮后我无法禁用它。

这是我对组件的初始化：

    $("#wizard").steps({
    onFinished: function (event, currentIndex) {
       //Do Function
    },
    labels: {
        finish: "Attack the planet",
        next: "Next",
        previous: "Previous",
    }
});

所以当我按下完成时，它会进入该功能，但我还需要它来禁用完成按钮，这样用户就不会多次点击它。

感谢任何帮助

【问题讨论】：

标签： jquery jquery-steps

【解决方案1】：

这就是我所做的，它似乎完成了所有按钮的工作：

function togglePrevious(enable) { toggleButton("previous", enable); }
function toggleNext    (enable) { toggleButton("next",     enable); }
function toggleFinish  (enable) { toggleButton("finish",   enable); }
function toggleButton(buttonId, enable)
{
    if (enable)
    {
        // Enable disabled button
        var button = $("#wizard").find('a[href="#' + buttonId + '-disabled"]');
            button.attr("href", '#' + buttonId);
            button.parent().removeClass();
    }
    else
    {
        // Disable enabled button
        var button = $("#wizard").find('a[href="#' + buttonId + '"]');
            button.attr("href", '#' + buttonId + '-disabled');
            button.parent().addClass("disabled");
    }
}

它将 href 值更改为 [buttonname]-disabled，有效地使其对 jQuery Steps 不可见。该代码还将父列表元素的样式更改为“禁用”类，使其显示为禁用（即灰显）。

【讨论】：

【解决方案2】：

你可以在函数中添加这个。

enableFinishButton: false;

见the docs。

【讨论】：

我只想在单击完成按钮时禁用它。还没开始
是的，所以将它放在单击按钮时调用的函数中。
@Conquest 也许您应该发布代码，因为这没有任何意义。我已经尝试了所有标准的“JQueryUI”方法来设置选项，它们不起作用，期间。
你不能这样做

【解决方案3】：

你可以在函数中添加这个。

showFinishButtonAlways = true

查看下面的代码块

 $(function (){
      $("#wizard").steps({    
        showFinishButtonAlways = true,
        onFinished: function (event, currentIndex) {
         //Do Function
        },
        labels: {
            finish: "Finish",
            next: "Next",
            previous: "Previous",
         }
      });
    });

【讨论】：

根本不回答问题