問題タブ [smart-wizard]

jQuery Smart Wizard https://github.com/mstratman/jQuery-Smart-Wizardプラグインは数年前から存在しており、約 3 年前に開発が中止されたようです。しかし、Smart Wizard は今でも十分に機能し、新しいものは見つかりませんでした。

活発な開発が行われていないため、著者は Smart Wizard をレスポンシブ Web サイトで動作させる方法については触れていません。幅を 100% に設定し、ウィザード ステップ パネルで Bootstrap 列を使用することで、ほとんどの障害を取り除くことができました。

つまずいたのは、ウィザードの上部に表示される大きなステップ ボタンです。特に、モバイル デバイスで表示したときにすべてのボタンが同じ高さになるようにすることに関してです。私はまだフレックスボックスを使用したことがなく、これがうまくいくかどうかわかりません。他の誰かがこの問題を解決しましたか?

通常は機能するさまざまな方法を試しましたが、SmartWizard がこれらの方法の機能を妨げているようです。

[完了] ボタンを無効にし、クリック後にテキストを変更して、複数の送信を防ぐ必要があります。コードをどこに配置しても、画面は変化せず、ボタンの値も変化せず、ボタンは無効になりません。

典型的なクリック機能を試してみました...

また、これを最終ステップの検証の一部として、および ajax 呼び出しの直前の FinishCallback で使用してみました。ajax 呼び出しが完了し、ajax の成功が実行されるまで、何も変わりません。

アップデート

わかりました、これは確かにタイミングの問題です。ajax 呼び出しが失敗すると、ボタンが無効になり、テキストが変更されます。ajax 呼び出しに移る前に、これら 2 つのことを確認する必要があります。これまでのところ、これを試しましたが、うまくいきませんでした：

ステップをスキップしようとしましたが、うまくいきません。私はこのコードを使用します：

$('#wizard').smartWizard('goToStep', 3);

このコードで

しかし、私は円を得ました:

しかし、削除する$('#wizard').smartWizard('goToStep', 3);と正常に動作します。

私の間違いは何ですか？

アプリケーションのフォームに smartwizard を含めましたが、挿入時にうまく機能します。ただし、更新中に、アクセスしたすべてのステップを表示したいので、ユーザーは次のボタンをクリックする代わりに、必要なタブに直接アクセスできます。どうすればそれを達成できますか？メインのjsファイル、つまりjquery.smartWizard.min.jsの_setEvents関数を変更する必要があるかもしれないことは理解していますが、それを理解できないようです..