在完成事件後禁用完成按鈕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

回答

相關問題