Javascript 用步骤覆盖注册表
我正在努力，但我就是做不好。我想有一个登记表与多个步骤，但这将作为一个网站上的覆盖打开 我一直在玩弄一些东西，但似乎做不好。步骤2和步骤3在同一覆盖上： 或者步骤2和3在下面，但在阴影部分 我觉得自己像个傻瓜，因为这应该很容易，但无论我做什么，它都不起作用（我甚至无法运行JSFIDLE:(Javascript 用步骤覆盖注册表,javascript,jquery,html,css,overlay,Javascript,Jquery,Html,Css,Overlay,我正在努力，但我就是做不好。我想有一个登记表与多个步骤，但这将作为一个网站上的覆盖打开 我一直在玩弄一些东西，但似乎做不好。步骤2和步骤3在同一覆盖上： 或者步骤2和3在下面，但在阴影部分 我觉得自己像个傻瓜，因为这应该很容易，但无论我做什么，它都不起作用（我甚至无法运行JSFIDLE:( 请帮忙，因为我真的很想记下来并理解它…正在工作 我认为你的代码在评论中提到的第24行的那个小错误中根本不起作用 $（文档）.ready（函数（）{ var navListItems=$（'div.s
$（文档）.ready（函数（）{
var navListItems=$（'div.setup-panel div a'），
allWells=$（'.setup content'），
allNextBtn=$（'.nextBtn'）；
隐藏（）；
导航列表项。单击（函数（e）{
e、 预防默认值（）；
var$target=$（$（this.attr（'href'）），
$item=$（此项）；
if（！$item.hasClass（'disabled'））{
navListItems.removeClass（'btn-primary'）.addClass（'btn-default'）；
$item.addClass（'btn-primary'）；
隐藏（）；
$target.show（）；
$target.find（'input:eq（0）'）.focus（）；
}
});
函数closeNav（）{
document.getElementById（“myNav”）.style.height=“0%”；
};
allNextBtn.单击（函数（）{
var curStep=$（this）.closest（“.setup content”），
curStepBtn=curStep.attr（“id”），
nextStepWizard=$（'div.setup-panel div a[href=“#”+curStepBtn+'“]”）parent（）.next（）.children（“a”），
curInputs=curStep.find（“输入[type='text']，输入[type='url']”），
isValid=true；
$（“.form group”）.removeClass（“有错误”）；
对于（变量i=0；i正文{
边缘顶端：40px；
}
.覆盖{
身高：100%；
宽度：50%；
位置：固定；
z指数：1；
排名：0；
左：25%；
背景色：rgb（225225225）；
背景色：rgba（2252252250）；
溢出y：隐藏；
过渡：0.5s；
}
.步骤向导步骤p{
边缘顶部：10px；
}
.stepwizard行{
显示：表格行；
}
.stepwizard{
显示：表格；
宽度：50%；
位置：相对位置；
}
.stepwizard步骤按钮[已禁用]{
不透明度：1！重要；
过滤器：alpha（不透明度=100）！重要；
}
.stepwizard行：之前{
顶部：14px；
底部：0；
位置：绝对位置；
内容：“；
宽度：100%；
高度：1px；
背景色：#ccc；
z阶：0；
}
.步骤向导步骤{
显示：表格单元格；
文本对齐：居中；
位置：相对位置；
}
.btn圈{
宽度：30px；
高度：30px；
文本对齐：居中；
填充：6px0；
字体大小：12px；
线高：1.428571429；
边界半径：15px；
/*我的代码*/
指针事件：无；
}
.模态对话框{
z指数：9999；
位置：相对位置；
}
第一步
步骤2
步骤3
第一步
名称
姓
地址
下一个
步骤2
公司名称
公司地址
下一个
步骤3
提交
）<!DOCTYPE HTML>