Jquery에서 준비된 문서에서 내 함수를 실행하는 방법

Question

일부 json 데이터를 가져 와서 페이지에 표시하는 jquery 코드를 만들었습니다. 재사용하기 위해, 내가 함수에 싸서 : 첫 번째 시간을 지금

$(function(e) { 
var answer; 
id = 1; 

var question = function() { 
    $.getJSON('getjson.php?id=' + id, function(data){ 
     console.log(data); 
    var $htmlString = ""; 
    $.each(data, function(index) { 
     $htmlString += "<h2>" + data[index].question + "</h2>"; 
       str = data[index].answer; 
       answer = data[index].answer.split(', '); 

    $htmlString += "<ul>"; 
    for(var index in answer) { 

     $htmlString += "<li>" + index + " : " + answer[Math.floor(Math.random() * answer.length)] + "</li>"; 

    } 
    $htmlString += "</ul>"; 
    });$('#content').html($htmlString); 
    }); 
}; 
}); 

페이지가로드, 그때 나는 '다음'아이디 증가하고 클릭하면, 자체적으로 실행하는 기능이 필요합니다 기능이 트리거됩니다. 위의 기능은 클릭 트리거를 사용할 때 효과적이지만 문서가 준비되면 바로 트리거 할 수 있습니다.

감사합니다.

Answer 1

당신은 또한 사용할 수 있습니다 : 당신이하지 않으면, 당신은 또한 예는, 그렇게 할거야 내가 클릭을 사용할 때

$(function(){ 
    (question = function(){ 
    // your code 
    })(); 
}); 

Answer 2

거의 다 왔어. 함수를 $()에 전달 했으므로 ready 처리기 (shortcut)에 연결해야합니다. 그러니 그냥 마지막에 함수 호출을 추가합니다 : 또한

}; 

question(); 

}); 

, 당신은 내가 클릭 트리거를 사용할 때

위의 기능이 잘 작동했다했지만, 나는 바로 그것을 어떻게 트리거 할 수 있습니다 문서가 준비되면

...하지만 어디서나 연결되는 것을 볼 수 없습니다.

// Hook up click 
    $("selector for elements to click on").click(question); 

    // Call right now, since we're in a `ready` handler 
    question(); 
}); 

Answer 3

// Your function definition, which you could minify here or keep in a separate file 
...var question... 

// Shorthand for the jquery document.ready 
$(function() { 
    // Code here to call custom functions 
});