2015-04-28 117 views
-1

我正在做javascriptissexy的測驗。如何顯示/更改數組內容?

動態(通過document.getElementById或jQuery的)刪除當前問題,並添加下一個問題,當用戶點擊「下一步」按鈕。 「下一步」按鈕將是唯一用於導航此測驗版本的按鈕。

如何刪除答案的當前問題+列表和動態顯示新的?它現在運行良好,但認爲這是要求我從問題的平滑過渡。

function nextQuestion(){ 

    j++; 
    currentQuestion.innerHTML = allQuestions[j].question; 

    for(var i = 0; i < allQuestions[j].choices.length; i++){ 
     currentChoices[i].innerHTML = allQuestions[j].choices[i]; 
    }; 

}; 
+0

表現出一定的HTML –

+0

可以請你有點MOR具體到什麼不工作?預期的行爲是什麼?它有什麼作用?還請顯示所有相關代碼(不是整個頁面,但至少需要重現問題的代碼)。 –

回答

0

更換內容之前,你一定要躲起來,改變的內容,然後再次表明,它

$("#question").fadeOut("slow", function(){ 
    $("#question_content").html(allQuestions[question].question); 
    for(var i = 1; i <= allQuestions[question].choices.length; i++){ 
      $("#choise"+i).html(allQuestions[question].choices[i-1]); 
    }; 
    $("#question").fadeIn("slow");      
}); 

請查看此示例上的jsfiddle http://jsfiddle.net/en4rt9o7/

+0

正是我在找什麼,謝謝。 –

+0

不客氣! – vasilenicusor

0

您可以刪除使用shift

function nextQuestion() { 
     var question = allQuestions.shift(); 
     currentQuestion.innerHTML = question.question; 
     for (var i = 0; i < question.choices.length; i++) { 
      currentChoices[i].innerHTML = question.choices[i]; 
     }; 
    };