이 jquery 코드가 실행되지 않는 이유는 무엇입니까?

Question

$(document).ready();의 코드가 실행되고 있다고 생각하지 않습니다. 어느 요소도 나타나지 않습니다. 버튼과 텍스트를 이전에 선언했으며 이전 테스트에서 작동한다는 것을 알고 있습니다. 나는 생각의 종류가 있다고 생각한다. $(document).ready();은 main(); 이후가 아니라 pageload에서 실행된다. 하지만, 왜 제출 클릭 핸들러 내부의 코드가 실행되지 않아 필요한 요소를 표시하는지 이해할 수 없습니다.

편집 : 콘솔 출력은 number 변수가 정의되지 않았다고 말했습니다.

question

는

function randomIntFromInterval(min,max) 
{ 
    return Math.floor(Math.random()*(max-min+1)+min); 
} 
function main() 
{ 
var number = randomIntFromInterval(1,4); 
$("#main").html('<br>' + questions[number]["Question"] + '<br>' + '<form action="" id="questionblock">' + '<input type="radio" name="choice" value="Choice1">' + questions[number]["Choice1"] + '<br>' + '<input type="radio" name="choice" value="Choice2">' + questions[number]["Choice2"] + '<br>' + '<input type="radio" name="choice" value="Choice3">' + questions[number]["Choice3"] + '<br>' + '<input type="radio" name="choice" value="Choice4">' + questions[number]["Choice4"] + '<br>' + '</form>'); 
} 
main(); 
$(document).ready(function(){ 
    $("#reset").hide(); 
    $("#submit").click(function(){ 
    var uc = $('input[name=choice]:checked', '#questionblock').val(); 
    var cc = questions[number]["Correct"]; 
    if (uc == "undefined") { 
     document.write("Please choose an answer"); 
    } else { 
     if (uc == cc) { 
     $("#correct").html("Correct!"); 
     $("#reset").show(); 
     } else { 
     $("#correct").html("incorrect"); 
     $("#reset").show(); 
     }; 
    }; 
    }); 
}); 

Answer 1

는 주요

<script> 
var number; 

function randomIntFromInterval(min,max) 
{ 
    return Math.floor(Math.random()*(max-min+1)+min); 
} 
function main() 
{ 
number = randomIntFromInterval(1,4); 
$("#main").html('<br>' + questions[number]["Question"] + '<br>' + '<form action="" id="questionblock">' + '<input type="radio" name="choice" value="Choice1">' + questions[number]["Choice1"] + '<br>' + '<input type="radio" name="choice" value="Choice2">' + questions[number]["Choice2"] + '<br>' + '<input type="radio" name="choice" value="Choice3">' + questions[number]["Choice3"] + '<br>' + '<input type="radio" name="choice" value="Choice4">' + questions[number]["Choice4"] + '<br>' + '</form>'); 
} 
main(); 
$(document).ready(function(){ 
    $("#reset").hide(); 
    $("#submit").click(function(){ 
    var uc = $('input[name=choice]:checked', '#questionblock').val(); 
    var cc = questions[number]["Correct"]; 
    if (uc == "undefined") { 
     document.write("Please choose an answer"); 
    } else { 
     if (uc == cc) { 
     $("#correct").html("Correct!"); 
     $("#reset").show(); 
     } else { 
     $("#correct").html("incorrect"); 
     $("#reset").show(); 
     }; 
    }; 
    }); 
});