如何使用Jquery中的onclick按钮在多个div上使用show和hide

时间:2016-11-20 18:26:06

标签: javascript jquery html css

所以在过去的两天里,我一直试图弄清楚如何让我的代码显示一个问题。按下提交按钮后,我想显示下一个问题,并隐藏上一个问题。

我正在开发像Family Feud这样的游戏,并且希望每个问题都显示在屏幕顶部,直到按下提交按钮后才会离开。我还没有写一个功能来提交答案,因为我一直在努力让问题出现并在点击提交按钮时消失。这是我到目前为止的代码的链接:

https://repl.it/E36p/0

我想出了如何隐藏所有问题,同时显示第一个问题,点击提交按钮后,显示第二个问题,但我可以在第二个问题隐藏时显示下一个问题。它最终显示问题2和3。

我尝试了来自toggle方法的各种解决方案,设置了一个名为问题的数组,看看我是否可以这样调用它,当我使用它时我也无法隐藏它们。请帮忙。

由于

1 个答案:

答案 0 :(得分:0)

  1. 在json会话向导变量中加载您的问题
  2. 创建方法ej app.wizard.render(),在此方法中控制下一个要显示的问题。您可以为向导问题创建模板(jsrender,dot.js)并渲染下一个问题。
  3. 创建方法app.wizard.send(),在此方法中,发送响应,加载活动问题的响应并呈现下一个问题。
  4. 对于加载问题,使用jquery ajax按顺序检索问题并存储在session.wizard.questions

    接下来调用app.wizard.render()并在没有回复的情况下呈现第一个问题

    接下来提交响应用户,将此响应发送到服务器,加载响应en session.wizard.questions并调用app.wizard.render()。

    我为你创建基本样本:

    Code codepen

    您需要为retreive querys创建ajax并发送回复