問題タブ [twitter-bootstrap-wizard]

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 に答える
289 参照

javascript - 一度に複数のタブを無効にする

Twitter ブートストラップ ウィザード プラグインを使用して、段階的なウィザードを作成しています。最初のタブを除くすべてのタブを無効にする準備ができているドキュメントに関数を書きました。これが私が持っている方法です:

無効にする方法の詳細については、こちらを参照してください

10 個のタブがある場合、それぞれのタブを無効にするコードを作成する必要があるため、この方法は好みません。パラメータですべてのタブインデックスを渡す方法はありますか? たった1行のコードでそれを成し遂げることができるように。

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

javascript - ウィザードのタブ ページから通常のページへのルーティングの問題

ウィザードのタブ ページから、URL が完全に異なる通常のページに戻ろうとすると問題が発生します。戻るボタンと続行ボタンを備えた4つのウィザードタブA、B、C、Dがあります。最初のAタブの「戻る」ボタンを使用して最初のページに移動する2ページ目のロジックを書きました

ロジックを更新するために、$rootScope==undefined を定義して、2 番目のウィザード ページを更新してリロードし、[戻る] ボタンをクリックすると、同じ localhost:8080/#/secondpage が表示されますが、if ブロックが最初のページに変更されていません。 .この問題の解決策を知っている人がいたら教えてください

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

css - Bootstrap 3 form-horizo​​ntalがbootstrapWizardで機能しない

すみません、これはばかげた質問かもしれません。

Meteor でブートストラップ 3 と twitter ブートストラップ ウィザードを混在させようとしています。

列 (またはグリッド (?)) がうまく機能しません。私がclass="form-horizontal"取り出すと、列は近づきますが、そうあるべきではありません。

私はこの CSS とブートストラップに本当に慣れていませんが、stackoverflow を数分間さまよいましたが、同様のケースを見つけることができませんでした。

使用すべきブートストラップ CSS クラスがあるかどうか疑問に思っています...

※参考:bootstrapウィザードtwbs:bootstrap 3.3.5

編集:現在のルックス:ここに画像の説明を入力

期待される:ここに画像の説明を入力

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

javascript - Twitter ブートストラップ ウィザード: 複数のイベントの処理が機能しない

twitterbootstrap ウィザードを使用しています。サイトの例に従って、ウィザードのonTabShowイベントとonNextイベントを実装しました。OnNext イベントは適切に発生しますが、onTabShow は発生しません。twitter-bootstrap-wizard に制約はありますか。つまり、1 つのウィザード イベント onTabShow(Change/Click) イベントのみを同時に実装できますか?

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

javascript - ブートストラップ ウィザードの次のイベントは 1 回だけ機能します

Bootstrap Wizard は 2 番目のタブに移動しますが、3 番目以降には移動しません。イベントpreviousがまったく機能していません。

この奇妙な問題に遭遇し、それを解決しようと何度も試みた後、スタックに助けを求めることにしました。

次のタブに渡すためのイベントは、各試行で正しくトリガーされますが、一度しか機能しません。問題を正常に再現し、外部リソースのみを使用するレイアウトの重要な部分を分離したので、試してみるには、それを html ファイルに貼り付けるだけで済みます。

または、ここで作成した JSbin で試してみることもできます

ソース:

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

javascript - Javascript オブジェクトのすべてのプロパティを別のオブジェクトに配置するにはどうすればよいですか?

Porto のカスタマイズされた JQuery Bootstrap Wizard を使用していますが、リンクを使用するときに、ウィザードの関連するタブに移動するように要求されました。

必要なのは、次のオブジェクト変数からすべてのプロパティを取得することだけです。

すべてのプロパティ (特に onTabClick プロパティ) を使用できるように、グローバル変数に入れる必要があります。

私は次の方法でそれをやろうとしました:

問題は、$mainSettings に関数宣言のみが含まれていることです。

$.fn.bootstrapWizard; からすべてのプロパティを取得する正しい方法は何ですか? ?