새로 고침 때까지 Jquery 표시/숨기기가 작동하지 않음

Question

fieldset id = "1", fieldset id = "2", fieldset id = "3"의 체크 아웃 페이지가 있습니다. 내가 페이지를로드 할 때

$(document).ready(function(){ 
    $("#1").show();       
    $("#2").hide(); 
    $("#3").hide(); 
    $("#4").hide(); 
}); 

내가 FIELDSET 1, 필드 셋 (2)의 경우를 볼 수 있습니다 페이지가로드, 내가 필드 셋 2와 3을 숨기고 그것을 필요로 할 때 만이 내 JQuery와 모습입니다 FIELDSET 1. 보여 페이지를 새로 고치면 완벽 해 보이지만 처음로드 할 때 이상한 모양입니다. 어떤 제안?

Answer 1

먼저해야 할 일은 ID의 이름을 올바르게 지정하는 것입니다. ID는 숫자로 시작할 수 없습니다.

set_1으로 이름을 변경하면 CSS로 초기 숨기기를 할 수 있습니다.

#set_2, #set_3, #set_4 { display:none; } 

JS가 필요하지 않습니다.

Answer 2

다른 문제에도 불구하고 ID가 유효하지 않으므로 예측할 수없는 결과가 항상 발생합니다. ID는 반드시 문자로 시작해야합니다.

그 외에도 코드에 대한 더 이상의 통찰없이 질문에 대답하기가 어렵습니다.

$(document).ready(function(){ 
    $("#el_1").show(); 
    $("#el_2, #el_3, #el_4").hide(); 
}); 

ID 충돌 (페이지 당 한 번만 사용할 수 있음)이 없다고 가정하면 모든 jQuery가 유효해야합니다.