Jquery显示/隐藏直到刷新才工作

Question

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

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

当我加载页面时，我可以看到fieldset 1和fieldset 2.如果我刷新页面，它看起来很完美，但是在第一次加载时，它很奇怪。有什么建议？

Answer 1

您需要做的第一件事就是正确命名您的ID。 ID不能以数字开头。

如果您将名称更改为set_1，则可以使用CSS进行初始隐藏。

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

不需要JS。

Answer 2

尽管存在其他问题，但您的ID无效，这将始终导致不可预测的结果。 Ids必须以字母开头。

除此之外，如果不进一步了解代码，很难回答你的问题。

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

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