jquery显示/隐藏不工作，直到刷新

Question

我有一个结帐页面有三个字段集： fieldset id =“1”，fieldset id =“2”，fieldset id =“3”。当页面加载，我需要它来隐藏字段集2和3只显示字段集1.这是我的jQuery的样子：

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

当我加载网页，我可以看到字段集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(); 
}); 

都应该是有效的jQuery，假设没有ID冲突（你只能每页使用一个ID一次）。