Utknąłem w koncepcji zanikania i pojawiania się w jQuery
Opracowuję aplikację testową online i wyciągam wszystkie pytania z pliku xml na stronę jsp ... Wszystkie pytania są wyświetlane za pomocą pętli for w jsp ... Teraz nie chcę wszystkich pytań w pojedyncza strona, raczej chcę, aby jedna po drugiej była wyświetlana, gdy użytkownik kliknie przycisk „następny”. Oto kod, którego używam i wyświetla tylko pierwsze i drugie pytanie, a od trzeciego pytania, jego zanikanie i zanikanie ... bez klikania przycisku „następny” ... potrzebujesz trochę sugestie tutaj ... dzięki ... TUTAJ JEST KOD:
$(document).ready(function(){
var questions;
var counter;
var totalQuestions;
var currentQuestion=0;
var i=0;
totalQuestions=$("#javapaperlist").val();
questions=$(".questions");
questions.hide();
$(questions.get(currentQuestion)).fadeIn(1000);
$('#next').click(function(){
$(questions.get(currentQuestion)).fadeIn(1000);
$(questions.get(currentQuestion)).fadeOut(2000);
currentQuestion=currentQuestion+1;
$(questions.get(currentQuestion)).fadeIn(1000);
});
)};
METODA = „post”>
<%
for(int i = 0; i < javapaperList.size(); i++){
JavaPaper paper = javapaperList.get(i);
String text = paper.getText();
StringTokenizer tokens = new StringTokenizer(text, "##");
int tokensint = tokens.countTokens();
%>
<div class="questions" id=<%out.println("qx" + paper.getId());%> style="display:none" >
<%
while(tokens.hasMoreTokens()){
%>
<label class="questiontext" ><%=tokens.nextToken()%></label><br>
<%
}
%>
<BR>
<BR>
<INPUT TYPE="radio" NAME=<%out.println("question" + paper.getId());%> VALUE="A" id=<% out.println("A" + paper.getId()); %> onClick="rboc(this)" class="option">
<% out.println(paper.getOptiona());%>
<BR>
<INPUT TYPE="radio" NAME=<%out.println("question" + paper.getId());%> VALUE="B" id=<% out.println("B" + paper.getId()); %> onClick="rboc(this)" class="option">
<% out.println(paper.getOptionb());%>
<BR>
<INPUT TYPE="radio" NAME=<%out.println("question" + paper.getId());%> VALUE="C" id=<% out.println("C" + paper.getId()); %> onClick="rboc(this)" class="option">
<% out.println(paper.getOptionc());%>
<BR>
<INPUT TYPE="radio" NAME=<%out.println("question" + paper.getId());%> VALUE="D" id=<% out.println("D" + paper.getId()); %> onClick="rboc(this)" class="option">
<% out.println(paper.getOptiond());%>
<BR>
<INPUT TYPE="radio" NAME=<%out.println("question" + paper.getId());%> VALUE="E" id=<% out.println("E" + paper.getId()); %> onClick="rboc(this)" class="option">
<% out.println(paper.getOptione());%>
<br>
<br>
<textarea name="<%out.println("question" + paper.getId());%>" id=<% out.println("q" + paper.getId()); %> style="display:none" onClick="clearContents(this)"><%out.println("question" + paper.getId());%></textarea>
<br>
<%
if(b!=false||x==10){
x++;
%>
<BR> </div>
<input type="button" id="next" value="NEXT" ></input>
<BR>
<%
}
}
%>
<input type='hidden' value=<%out.println(javapaperList.size());%> id="javapaperlist"/>
<input type="submit" id="submitButton" value="Submit">
</FORM>