問題タブ [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 投票する
1 に答える
1406 参照

jquery - jquery-steps の使用に関する問題

タブと検証を備えたjQueryプラグインを探していました。jquery-stepsを見つけて使用しようとしていますが、うまく動作しないようです。jQuery 2.1 (Scripts.jsp に含まれています) を使用しています。これが私のコードです:

Jsp:

jQuery:

アプリケーションを実行すると、タブが表示されません。ヘッダーとフィールドセット タグで区切られた 1 つの長いページが表示されます。それで、私は何が欠けていますか?他に必要な .js ファイルはありますか?

ありがとう!

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

javascript - jquery.steps と検証が機能しない - フォームの内容が表示されない (見えない)

私はすでにこの質問を一度しましたが、いくつかの有用な回答を得て、回答済みとしてマークし、すべてを適用しました。うまくいったように見えましたが、残念ながらそうではありませんでした。

問題は次のとおりです。さまざまなステップ フィールド内のフォームが空です。まあ、最初のステップで何も表示および入力できないため、すべてのステップが空であるかどうかはわかりません。したがって、検証が機能しているように見えるため、次のステップに進むことはできません。

どうしてか分かりません。私はjqueryのステップページにある例に固執しています: http://www.jquery-steps.com/Examples#advanced-form

それはまったく同じコードですが、私のフォームは空です。次のようになります。 jqueryステップを含む空のフォーム

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

誰か助けてくれませんか?

0 投票する
1 に答える
436 参照

javascript - jquery ステップ プラグインを含める方法

基本的な jQuery ステップの例を実行しようとしましたが、実行できませんでした。このコードに何か問題がありますか? jquery.steps.js プラグインは、html ドキュメントと同じフォルダーにあります。

0 投票する
1 に答える
1155 参照

jquery-steps - 特定のステップに移動しますか?

enablePagination プロパティを false に設定してプラグイン jquery-steps を使用したい (「前へ」および「次へ」ボタンなし)。どうすれば次のステップに進むことができますか? どの関数を呼び出す必要がありますか?

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

javascript - カスタム イベントでの JavaScript の遅延

onStepChangingjQuery プラグイン「jQuery-Steps」のイベントで deferred を使用すると、deferred が完了するのを待つのに問題があります。このプラグインはhttp://www.jquery-steps.com/で文書化されています。ステップは、据え置きを待つのではなく、すぐに戻ります。私の実際のコードでは、ajax 呼び出しを行っており、次のステップに進む前に結果を待ちたいと考えています。

サンプルコードは次のとおりです。

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

0 投票する
1 に答える
594 参照

google-maps - jquery ウィザードの Google マップが正しく読み込まれない

ウィザード形式で Google マップを作成したいのですが、マップが正しく読み込まれず、半分しか表示されません。サイズを変更してみましたが、地図がまだ完全に表示されません。ありがとう

ブートストラップレスポンシブを使用しました。

0 投票する
0 に答える
238 参照

jquery - Google Chrome のデバッグ中に jQuery ステップの動作が変化する

新しい小さな .NET MVC アプリケーションには、タブ スタイルのjQuery Stepsを使用します。次のステップに進むためのいくつかのタブと 1 つのボタンがあります。

jQuery の操作手順

そして、デフォルトですべてが素晴らしいです!

しかし!

Google Chrome JavaScript デバッグ ウィンドウ ([ソース] タブ、ブレークポイントなし、他に何もしない) を開くと、jQuery ステップが機能しなくなります。ページをリロードするだけで修正できます。

jQuery ステップが機能しなくなる

コンソールのエラーを見るとわかるように、いくつかのエラーの存在を示していますが、onStepChangingイベントも機能しなくなるため、デバッグできません (デフォルトでは機能し、タブが変更されると多くのことを行います)。最初のタブのボタンも機能しなくなります。

なぜそれができるのかを理解するのを手伝ってもらえますか? Google Chrome デバッガーを開いたときにのみ発生するのはなぜですか?

MS Internet Explorer デバッガーで問題なく動作します。

編集:

コメントに表示されたフラグのおかげで、ユーザーがタブをクリックすると、オブジェクトのフィールドがゼロに等しいことがPause on exceptionsわかりました。stepCountstate

ここに画像の説明を入力

しかし、最初にプラグインが初期化されたとき、このフィールドは当然のことながら 4 でした (4 つのタブがあるため)。

ここに画像の説明を入力

しかし!

この時点で、MS Internet Explorer デバッガーでは、この変数の値はまだ 4 です。そして、このプラグインは正しく動作します。

ここに画像の説明を入力

このエラーは、Google Chrome デバッガーに正確に表示されることがわかりましたね。どうしてそれが可能でしょうか?

Firefoxでテストする必要があります...

ありがとう!