我尝试在每个问题提交后加载一个新的问题表单，我在文档上加载第一个问题。但不确定是否应该在 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');
                            }
                       });
                     });
                
            });
            
            });
                            
        },
    });
    
});