問題タブ [jquery-steps]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
25640 参照

jquery-steps - jquery-stepsでボタンの名前を変更する

jquery-steps プラグインを含めました。ボタンのテキストを変更するにはどうすればよいですか?
今は「終了」と書いてありますが、それを「開始」に変えたいです。

ありがとう

0 投票する
2 に答える
3890 参照

javascript - JQuery ステップ - 特定の時点で挿入/削除できるように (動的に変化するため) ステップ数を計算する

私は最近、Jquery Steps を使用してクライアント向けの葬儀費用計算ツールを作成しました。

ツールのフォームは非常に複雑で、特定のフォーム オプションが選択されているかどうかによっていくつかのステップが異なります。

ラジオボタンの「オンチェンジ」をトリガーする「挿入」および「削除」メソッドを使用して、自分でこれに対応することができました。ユーザーが死亡したことを選択すると、7 つのステップがあります。ユーザーが死亡していないことを選択すると、 5 つのステップがあります (添付の画像を参照)。(サンプルコードについては、以下を参照してください)

死亡は発生していません (スクリーンショット)

死が発生しました(スクリーンショット)

ステップはインデックス 4 で挿入および削除されます。ユーザーがオプション間を行ったり来たりすると、2 が挿入されてから 2 が削除され、2 が挿入されてから 2 が削除されます。

同様の条件を適用する必要があるフォームにさらに進むと、問題が発生しました。ただし、この時点でステップ数を予測できなかったため、挿入または削除するインデックスを具体的にターゲットにできないことがわかりました (ユーザーの以前の選択に基づいているため、上記を参照)。

私のjavascriptの知識は限られているので、途方に暮れています。それを機能させるために必要なロジックは知っていますが、それを実装する方法がわかりません。

javascript/jquery を使用して (最後のステップをターゲットにするために) ステップ数をカウントし、現在のステップをターゲットにする方法を知りたいです。もちろん、誰かが提案できるより簡単な方法またはより良い方法がない限り.

私はこれについて頭を悩ませてきましたが、どんな助けもいただければ幸いです。ありがとうございました!

0 投票する
6 に答える
17525 参照

jquery-steps - 各ステップのコンテンツに動的な高さを設定するには?

Jquery ステップ ウィザード プラグインを使用しています。私が抱えている問題は、ウィザードの各ステップのコンテンツの高さが異なることです。コンテンツの高さを制御するために例に含まれている css は次のとおりです。

最小高さとオーバーフローのプロパティを微調整しましたが、まだ達成したいことができません。私が望むのは、各ステップのコンテンツを収容するのに十分な高さにすることです。

たとえば、ステップ 1 に 2 つのフィールドがあり、ステップ 2 に 10 フィールドがあるとします。例では、コンテンツはすべて同じ高さであるため、2 つのフィールドが 10 フィールドに対応するのに必要な高さよりもはるかに大きな高さを持っているとひどく見えます。ステップ2。

min-height プロパティを削除すると、コンテンツがまったく表示されなくなります。Jquery ステップは、すべてのステップで機能するために固定の高さが必要ですか? 個々のステップの高さに対応するために、高さを動的にする方法があることを願っています。

ありがとうございました

0 投票する
6 に答える
17034 参照

javascript - jQuery の手順 - ページをリロードせずにウィザードをリセットする

ユーザーが記入する段階的なフォームを作成するために、jQuery の手順 ( https://github.com/rstaib/jquery-steps/wiki ) を使用しています。それはうまく機能しますが、リセットできるようにする必要があります。ユーザーがフォームを送信したら (ページが更新されないように ajax を使用)、ユーザーに新しいウィザードを表示したいと思います。

ウィザードをリセットする方法はありますか? それとも、ページをリロードせずにリロードしますか?