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

Question

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

这是我对该组件的首字母缩写：

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

因此，当我按下完成按钮时，它会转到该功能，但我还需要它来禁用完成按钮，以便用户不要多次单击它。

任何帮助表示赞赏

Answer 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不可见。该代码还将父列表元素的样式更改为“ disabled”类，以使其显示为禁用（即变灰）。