javascript - jQuery - 在执行函数之前创建第一个动态页面

Question

我构建了一个动态(单页)多选调查问卷。

我必须显示带有“Hello”的第一页和一个将我移至第一个问题的按钮。

我正在使用以下代码:

$(document).ready(function(){
    $.getJSON("data.json", function(json) {


        function Question(q,correactA,array){
            this.question=q;
            this.correct_a=correactA;
            this.answers=array;
        }
        multiQ= new Array();
        for (i=0;i<5;i++){
            var q = json.questions[i].question;
            var corA= json.questions[i].correct_answer;
            var a = json.questions[i].answers;
            var aString = "";
            Object.keys(a).forEach(function (k) {aString += a[k] ;})
            multiQ[i]=new Question(q,corA,a);
        }

        updateQuestion(0);



    });
});

updateQuestion 是一个动态更改问题和答案的函数。

如何显示带有“Hello”的“第一”页面和一个将我移至第一个问题的按钮。 该按钮应该只在开始时显示。

Answer 1

不要将 ajax 函数放在 document.ready 中，而是命名它并在需要时调用它:

$(document).ready(function(){
    function myFunction() {
        $.getJSON("data.json", function(json) { ... });
    }

    $('#myButton').click(function() {
        myFunction();
    });
});