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不可见。该代码还将父列表元素的样式更改为＆＃34;禁用＆＃34;使它显示为禁用的类（即灰显）。

Answer 2

您可以在函数中添加它。

enableFinishButton: false;

请参阅the docs。

Answer 3

您可以在函数中添加它。

showFinishButtonAlways = true;

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

3 个答案: