問題タブ [jquery-steps]

CakePHP アプリケーション(2.5.4)に Web フォームがあり、jQuery Validate プラグイン(1.13.1)と組み合わせてjQuery-steps (1.1.0)を使用して、マルチステップ フォームにしています。

すべてうまくいっているように見えますが、フォームが送信されていません。どうすればそれを機能させることができるかについて、誰かが気がかりなことはありますか? 私が知る限り、私はonFinishedイベントに参加します。

ここに私のビューファイルがあります:

検証 + jquery-step 呼び出しを含む Javascript ファイルは次のとおりです。

ご意見をお待ちしております。

アプリケーションにウィザード (フォーム付き) を実装したいと考えています。したがって、jquery.steps (ここで見つけることができます) を使用したいと思います。

正しい js ファイルを含むアセットバンドルを作成しました

そして、私の見解では次のコードを持っています:

ただし、これは機能していないようです。html ファイルの末尾にある .. の前に javascript ファイルをロードする必要があると思いますが、Yii はスクリプトをファイルの末尾に強制します。これを克服する方法はありますか？それとも私はこれが間違いだと正しいですか？

このプラグインを発見しましたが、自分のページに統合する方法がわかりません。javascriptコードをどこに配置する必要があり、どのように下に置く必要がありますか? HTML と同じファイルを配置するか、jquery-steps.js ファイルに配置する必要があります。

HTMLファイル

最近、静的コンテンツの代わりに部分ビューを使用したかったので、JQuery ステップをカスタマイズする方法について質問しました。jquery-steps でサポートされている次のコードを使用して、この問題を部分的に解決しました。

今、私が直面している大きな問題は、目立たない検証をどのように使用するかです。私は JQuery カスタム検証を使用したくありません。Obtrusive を使用する何らかの方法が必要です。

レンダリングされる各部分ビューには、独自のフォームがあります。jquery-stepsのonStepChanging関数でフォームをバリデーションしたいのですが、

$.validator.unobtrusvie.parse('#myform'); を呼び出してみました。onStepChanging 関数では ('#myform') は定義されていませんが、これが目立たない検証を手動で呼び出す正しい方法であるかどうかはまだわかりません。親切に私を導き、これを達成するための方向性を示してください。どんな助けでも大歓迎です。

JQuery Steps を使用して WebForms プロジェクトでウィザードをセットアップし、Peter Blum の VAM バリデーターを使用して入力が適切であることを確認しています。私のプロセスの最初のステップの例を次に示します。

これはすべて、ウィザード ( ) を指定するために使用している指定に使用している div の外では 100%<div id="wizard">正常に機能しますが、ウィザード div 内では正しく機能しません。ドロップダウンをクリックしても期待どおりにすぐに検証されません。手動で検証を呼び出すとwindow.DES_ValidateGroup("StepOne")、ステップに問題があることが正しく返されます (ステップ タイルが赤くなります)。ただし、エラー メッセージは表示されません。バリデーターと。

その理由を掘り下げてみる<span>と、VAM バリデーターが発行するタグには、非表示にならないようにするインラインvisibilityタグが含まれているようです。VAM の JavaScript は、必要に応じてそのタグを削除して再適用します (たとえば、バリデーターが失敗し、再び成功したとき)。ウィザードの div 内で検証が失敗した場合、visibilityタグが適切に削除されません。

これがなぜなのか、どうすれば修正できるのか、誰にも手がかりがありますか?

編集:参考までに、これは発行されたコードです:

jquery-stepsプラグインを使用しておりsteps、別のフォームで同じ設定で初期化メソッドを呼び出したいと考えています。

steps同じ設定で再度呼び出すことなく、JavaScript にこれを行うように指示する方法はありますか? send何か参考になればRubyのメソッドに似たものを考えています。

ソースコード：

sendRuby のようなメソッドまたはその他の方法を使用して、すべての引数でステップ呼び出しを繰り返さないようにしたいと考えています。

きれいなページで基本的な例を実行してみました。デフォルトでは、コンテンツ ボックスはステップ ボタンの下ではなく右側に配置されます。

コードは次のとおりです。

外側のコンテンツ div にオーバーフローが設定されていますが、非常に単純なウィザードで問題が発生した場合、これを掘り下げるのをためらっています。ドキュメントで見逃された必要なコンテナがあることを願っています。

jquery-steps を適用した後、Chosen (chosen.jquery.js) がフォーム内で機能しません。そのコードが jquery-step に使用されるフォームの外で実行される場合、完全に正常に動作します。datePickerjquery-steps 内でも同じ問題が発生しています。この問題を解決するにはどうすればよいですか?

コンポーネントの初期化で、EmberJS のネストされたコンポーネントで問題が発生し続けています。jquery.steps ( http://www.jquery-steps.com/ ) を使用してウィザードを作成しようとしています。

ウィザード コンポーネントがあり、ウィザード ステップのビューを変更するアクションを持つことができるコンポーネントとして各ステップを使用したいと考えています。ただし、jquery.steps を初期化した後、ウィザードでビューが変更されません。アクションも検出されていないようです（jquery.stepsにもアクションというプロパティがあるためですか？）

選択したラジオ ボタンに応じて、{{temp}} の値がビューで変化することを期待しています。これは、親コンポーネントで $().steps をインスタンス化しない場合は機能しますが、jquery.steps をインスタンス化すると機能しなくなります。ここで何が起こっているのでしょうか？そして、どうすればそれを機能させることができますか？Ember.run をさまざまな方法で使用して loadSteps() を実行しようとしましたが、役に立ちませんでした。

ウィザード.js

ウィザード.hbs

作成方法ウィザード step.js

作成方法ウィザードステップ.hbs