問題タブ [twitter-bootstrap-wizard]

これは、Twitter ブートストラップhttp://vadimg.com/twitter-bootstrap-wizard/に固有の質問です。

onNext イベントを処理するときに誰かがステップをスキップできたかどうかを調べようとしています。前のステップで選択された入力に応じて、ステップをスキップしたい。私はあなたがこれを行うことができるのを見てきました:

タブを無効にしたため、これを使用できません。残念ながら、onNext イベントの呼び出し元からコードを実行し続けるため、タブを有効にしている場合、onNext イベント中にこれを使用すると役に立ちません。

ありがとうダン

Bootstrap フォーム ウィザードを使用しています。ユーザーが [続行] ボタンをクリックすると、次のタブに移動しますが、ページは下にスクロールします。

スクリプトを保持している jquery.bootstrap.wizard ファイルを調べましたが、フォーカスやアニメーションに関係するものは見つかりません。

このコードを削除すると、スクロールは行われませんが、戻るボタンと最後の送信ボタンは消えます

jquery,bootstrapWizard プラグインを使用して、標準フォームをウィザードに変換しています。私はこれを機能させましたが、フォームを書き直し、jquery と関連するスクリプトを更新すると、フォームが破損し、何が問題なのかわかりません。

ブートストラップ バージョン 3.1.1 を使用しています。Jquery 2.01 私のフォームには 4 つのタブがあり、外観は正しく設定されています。フォームの上部にあるナビゲーション ボタンを使用して各タブに移動できますが、次のボタンを使用して 2 ページ目以降に移動することはできません。

最初は検証が問題を引き起こしていると思っていたので、検証スクリプトを削除しましたが、問題はまだ発生しています。

ボタンでナビゲートすると、最終送信ボタンが表示されません。HTML に問題があるのか​​どうかはわかりません。標準のセットアップを使用したことがありますが、それともプラグイン スクリプトなのかセットアップ スクリプトなのかわかりません。

フィドルをセットアップしますが、前にこの問題に遭遇した人はいますか

基本的なウィザードの HTML は次のとおりです。

ウィザード スクリプトは次のとおりです。

更新: onNext イベントに配置された以下の質問に従って、インデックスなどを取得するために、console.logs をいくつか追加しました。最初のクリック後、インデックスは 1 として表示されます。これは正しいですが、それ以上増加しません。

戻るボタンも機能しないことにも気付きました。そのため、タブ 2 (インデックス 1) に移動してスタックします。

こんにちは、ブートストラップ 3.0.3 で使用しているフォーム ウィザードに問題があります。

実際には機能していますが、次と前のボタンは機能していませんが、ナビゲーションをクリックすると機能しています。

バージョンに互換性があるかどうかわかりません このプラグインをダウンロードしました

https://github.com/VinceG/twitter-bootstrap-wizard

しかし、ドキュメントには3.0.3と互換性があると書かれています

ブートストラップ 3.0.3 フォーム ウィザードで機能する提案はありますか?

ありがとうございました。あなたのコメントは高く評価されています:)

これは私のhtmlコードです

これは私のCSSです

そして、これは私のJSです

http://vadimg.com/twitter-bootstrap-wizard-example/#docsを使用していますが、データをバックエンド php スクリプトに送信する方法を見つけるのが困難です。

ウィザードを初期化したら、メソッドに渡されるオプションにsubmitURLを追加しようとしました（次のように設定できる場所を読みましたvar wizard = $("#some-wizard").wizard({submitUrl: "/some_url"});

私も次のことを試しました：

しかし、serialize メソッドでは失敗します。

ここのドキュメントも見ました: https://github.com/VinceG/twitter-bootstrap-wizardオプションを渡すことができる onSubmit イベントがあるかどうかを確認しましたが、唯一のイベントは onLast のようです私も試してみました。

何か案は？

Twitter Bootstrap ウィザードには 2 つのボタンがあります。

そのため、Bootstrap ウィザードには と呼ばれる機能がありますonNext。この関数では、ユーザーがクリックしてこのイベントをトリガーしたボタンを見つけようとしています。以下のコードに示すように何かを試しましたが、実際には機能しません。

私は作業してbootstrapWizardおり、各ステップでフォームを送信する必要があります.ajaxを使用してフォームを送信し、サーバーでフォームを検証しています.戻り値をに渡す必要があります.しかし、onNextそれは常にtrueを返します.

onNext は常に true であり、ajax の戻り値が false の場合でも次の画面に移動します。