Jquery 显示/隐藏在刷新之前不起作用


Jquery show/hide not working until refresh

我有一个结帐页面,其中包含三个字段集:字段集 id="1", 字段集 id="2", 字段集 id="3"。 当页面加载时,我需要它来隐藏字段集 2 和 3,只显示字段集 1。 这是我的jquery的样子:

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

当我加载页面时,我可以看到字段集 1 和字段集 2。 如果我刷新页面,它看起来很完美,但在第一次加载时,它很奇怪。 有什么建议吗?

您需要

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

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

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

不需要JS。

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

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

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

假设没有 ID 冲突,应该都是有效的 jQuery(每个页面只能使用一次 ID)。