3

jquery.steps を使用していますが、完了ボタンを押した後に無効にできません。

これは私のコンポーネントの初期化です:

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

したがって、終了を押すと関数に移動しますが、ユーザーが複数回クリックしないように終了ボタンを無効にする必要もあります。

どんな助けでも大歓迎です

4

3 に答える 3

7

これは私がやったことであり、すべてのボタンの仕事を成し遂げたようです:

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-16T19:21:36.443 に答える
2

これを関数内に追加できます。

enableFinishButton: false;

ドキュメントを参照してください。

于 2014-07-08T11:01:43.107 に答える
-3

これを関数内に追加できます。

showFinishButtonAlways = true

以下のコードブロックを参照してください

 $(function (){
      $("#wizard").steps({    
        showFinishButtonAlways = true,
        onFinished: function (event, currentIndex) {
         //Do Function
        },
        labels: {
            finish: "Finish",
            next: "Next",
            previous: "Previous",
         }
      });
    });
于 2016-12-19T16:17:32.903 に答える