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

我使用jquery.steps，但未能在按下按钮后禁用完成按钮。在完成事件后禁用完成按钮jquery.steps

这是我的组件的initialze：

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

所以，当我按下完成它进入功能，但我还需要它来禁用完成按钮，以便用户不就可以多点击。

任何帮助表示赞赏

来源

2014-07-08 Kaizer

您可以添加此功能。

enableFinishButton: false;

参见the docs。

来源

2014-07-08 11:01:43 Conquest

我只想禁用它，当我点击完成按钮。不是在开始 – Kaizer

是的，所以把它放在你点击按钮时被调用的函数中。 – Conquest

@Conquest也许你应该发布代码，因为这没有任何意义。我尝试了所有标准的“JQueryUI”方法来设置选项，它们不工作，期间。 – KyleM

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

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

来源

2014-12-16 19:21:36 MDV

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

showFinishButtonAlways = true;

来源

2016-12-19 16:17:32

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

回答

相关问题