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

时间:2014-08-16 22:31:39

标签: javascript jquery button

我制作了动态(一)页多选问卷。

我必须用" 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是一个动态改变问题和答案的函数。

如何显示&#34;首先&#34;页面&#34;您好&#34;和一个按钮,让我转到第一个问题。 此按钮应仅在开头显示。

1 个答案:

答案 0 :(得分:0)

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

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

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