Я пытаюсь загрузить новую форму вопроса после каждого отправленного вопроса, я загружаю первый вопрос в готовом документе. Но не уверен, должен ли я загружать второй из области запроса формы ajax, а также не уверен, какую область загрузить вопросы после этого. :)
Вот код:
$(document).ready(function() {
$.ajax({
url : baseUrl + 'online_test/loadQuestion',
cache : false,
success : function(html) {
$("#question").html(html); // Insert newx question
$('.dummy_answers').hide();
$('.button_next').click(function() {
$(this).parent().children('.dummy_answers').show();
bSubmit = $('<button name="Submit" type="button" class="submit_button" value="Submit">Submit</button>');
$(this).parent().children('button').replaceWith(bSubmit);
bSubmit.click(function(){
var new_url = baseUrl + 'online_test/create_question';
$.post(new_url, function(data) {
//Fade Out The Current Question
$('#question').fadeOut('slow');
//Get and Fade In/Put the previous question into the created question block
//Load the next uncreated question
$.ajax({
url : baseUrl + 'online_test/loadQuestion',
cache : false,
success : function(html) {
$('#question').hide();
$("#question").html(html);
$('.dummy_answers').hide();
$('#question').fadeIn('slow');
}
});
});
});
});
},
});
});