我有一个结帐页面,其中包含三个字段集:字段集 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)。