5

jWizard jQuery プラグインを使用して、アプリケーションにウィザードを実装しています。

私の要件に基づいて、ウィザードには合計 4 つのステップがあります

  1. 構成を選択
  2. Aの構成
  3. Bの構成
  4. 概要ページ

最初のステップ (構成の選択) では、ユーザーがチェックマークを付けることができる 2 つのチェック ボックスを用意するだけです。すべてのチェック ボックスは構成を表します。ユーザーは、それらのいずれかまたは両方を選択できます。したがって、たとえば、ユーザーが「構成 A」チェック ボックスを選択しただけの場合は、手順 3 をウィザードから非表示にする必要があります。同じケースで、ユーザーが両方のボックスをチェックした場合、最初にステップ 2 を表示し、次にウィザードのステップ 3 を表示する必要があります。

jWizard プラグインでこの動作を実現する方法はありますか?

助けてくれてどうもありがとう。

4

2 に答える 2

4

他の回答で述べたように、現在、jWizard の通常の機能を使用してこれを行う方法はありません。したがって、これを行う必要がある場合は、自分で実装する必要があります。いくつかのオプションがあります。

最初に尋ねる

1 つのオプションは、ウィザードを起動する前にA および/または B を選択するように依頼し、これに基づいて 3 つの異なるウィザード (A & B、A、B) のいずれかを起動することです。ウィザードを起動する前に、DOM からステップ要素を削除することもできます。

A & B を 1 つのページに配置し、必要のないものを非表示にします

ステップ 2 と 3 をマージします。次に、ステップ 1 で選択した内容に基づいて、jQuery を使用してセクション A と B を非表示/表示し、現在のステップ 2 にします。

$('#checkboxa').click(function () {
         var $this = $(this);
         if ($this.is(':checked')) {
             $('#sectiona').hide();
         } else {
             $('#sectiona').show();
         }
     });

ロジックを自分で書く

あなたが探しているもののように見えるので、これについてより良い答えを提供できればと思いますが、jWizard のドキュメントからこれを達成する方法を伝えるのは難しいです。ウィザードからステップを完全に削除する (ユーザーの気が変わった場合は再挿入する) か、nextイベント (またはclickイベントがない場合はイベント) をトリガーしてステップを手動で「スキップ」することnextができます。

于 2013-10-30T17:48:05.597 に答える