2016-11-20 6 views
0

これまでの2日間は、質問を表示するコードを取得する方法を見つけようとしています。送信ボタンを押すと、次の質問が表示され、前の質問が非表示になります。JQueryのonclickボタンを使用して複数のdivでshowとhideを使用するには

私はFamily Feudのようなゲームに取り組んでいて、各質問を画面上部に表示し、送信ボタンを押した後に離れることはしません。まだ回答を提出する機能はまだ書かれていませんが、送信ボタンをクリックするだけで質問が表示され消えてしまっています。

https://repl.it/E36p/0

は、私はすべての質問を非表示最初のものが表示されている間、持ってする方法を考え出したと送信ボタンがクリックされた後、第二の質問が表示されます。ここに私のコードへのリンクは、私がこれまで持っていますしかし、私は2番目のものが隠れている間、次の質問を表示することができます。代わりに、質問2と3の両方を示しています。

トグルメソッドから、すべての種類のソリューションを試してみました。質問という配列を設定して、そのように呼び出すことができるかどうかを確認しました。助けてください。

おかげ

+0

ここにあなたのhtmlとjsファイルを追加した応答を盗んquerysためのAjaxを作成して送信する必要があります。この例にはボタンも含まれていません。各ステップのボタンを異なるテキストで表示しますか? htmlを構造化するとより簡単になります。 –

+0

ようこそスタックオーバーフロー!デバッガの使い方を学ぶ必要があるようです。 [補完的なデバッグ手法](https://ericlippert.com/2014/03/05/how-to-debug-small-programs/)にご協力ください。その後も問題が残っている場合は、もう少し詳しくお聞かせください。 –

+0

申し訳ありません。ここに私のコードはすべてこのリンクの下にあります:https://repl.it/E37n/0私は1つの提出ボタンとユーザーが答えを入力するための入力ボックスを持っています。 –

答えて

0
  1. JSONセッションウィザード変数にご質問をロードします(メソッドのEJのapp.wizard.renderを作成します)、このメソッドはcontroleに次の質問が表示されます。ウィザードの質問のテンプレート(jsrender、dot.js)を作成し、次の質問を表示できます。
  2. このメソッドでメソッドapp.wizard.send()を作成し、応答を送信し、アクティブな質問の応答を読み込み、次の質問を表示します。
  3. 次の応答なしに最初の質問を順番に質問を盗んとsession.wizard.questionsに

    次のコールapp.wizard.render()を保存してレンダリングする負荷の質問、使用jqueryのAJAX用

レスポンスを送信するユーザーの場合は、このレスポンスをサーバーに送信し、レスポンスをen session.wizard.questionsに読み込んでapp.wizard.render()を呼び出します。

私はあなたのための基本的なサンプルを作成します。

Codecodepen

あなたは

+0

こんにちはホルヘとあなたの答えをありがとうが、私は混乱しています。私の質問からオブジェクトを作成し、次の質問を制御する方法を作成するように指示していますか?私はサーバーを持っていないので、あなたは別の言語を参照しています。私は、JQueryでフロントエンド言語のHTML、CSS、およびJavaScriptを使用してこれを実行しようとしています。 –

+0

こんにちはステファニー、レビューコードのサンプル: –

+0

さて、いいです。 Jorgeさん、ありがとうございました。 –

関連する問題