Jquery “如何进行分页”；“下一页”；及；上一页“；是否转到表单中指定的href？

我试图在表单的不同部分之间创建一个简单的分页页面，当显示表单的相应部分时，它们应该是“活动的”（=具有不同的显示）

此外，我希望使用“«”和“»”括号设置“上一页”和“下一页”，并使它们将目标页设置为活动并加载它

我管理了这些最初的步骤，我的“«”和“»”努力更改活动显示，但我找不到如何同时显示表单的一部分

总之，我有一个jquery问题需要设置“«”和“»”，因此当单击它们时，它们会显示我表单中适当的“下一步”或“上一步”部分（由它们的id“step1”、“step2”或“step”引用）

$（文档）.ready（函数（）{
var pageItem=$（“.pagination li”）.not（“.prev，.next”）；
var prev=$（“.pagination li.prev”）；
var next=$（“.pagination li.next”）；
pageItem.click（函数（）{
pageItem.removeClass（“活动”）；
$（this）.not（“.prev，.next”）.addClass（“active”）；
target=$（this.find（'a.tab'）.attr（'href'）；
$（'.case content>div'）.not（target.hide（）；
美元（目标）.fadeIn（600）；
});
下一步。单击（函数（）{
$（'li.active'）.removeClass（'active'）.next（）.addClass（'active'）；
//我想这里应该有东西
});
上一个单击（函数（）{
$（'li.active'）.removeClass（'active'）.prev（）.addClass（'active'）；
//还有这里
});
});








第一步
步骤2
步骤3
我在不需要任何js插件的情况下找到了一个解决方案。如果有人感兴趣，我会把它贴在这里


$（文档）.ready（函数（）{
var pageItem=$（“.pagination a”）。不（“#prev，#next”）；
pageItem.click（函数（）{
pageItem.removeClass（“活动”）；
$（this.not（“#prev，#next”）.addClass（“active”）；
target=$（this.attr（'href'）；
$（'.case content>div'）.not（target.hide（）；
美元（目标）.fadeIn（600）；
});
$（“#prev”）。单击（函数（）{
$（'a.active'）.removeClass（'active'）.prev（）.addClass（'active'）；
if（$（this）.hasClass（“活动”））
$（this）.removeClass（'active'）.next（）.addClass（'active'）；
if（$（“.case content div:visible”）.prev（）.length！=0）
$（“.case content>div:visible”）.prev（）.fadeIn（600.next（）.hide（）；
返回false；
});
$（“#下一步”）。单击（函数（）{
$（'a.active'）.removeClass（'active'）.next（）.addClass（'active'）；
if（$（this）.hasClass（“活动”））
//如果要将括号放在左边，请将下面更改为next（）
$（this.removeClass（'active'）.prev（）.addClass（'active'）；
if（$（“.case content div:visible”）.next（）.length！=0）
$（“.case content>div:visible”）.next（）.fadeIn（600.prev（）.hide（）；
返回false；
});
});
h2{
颜色：白色；
文本对齐：居中；
}
.中心{
文本对齐：居中；
}
.病例表{
背景：rgba（19,35,47,1）；
填充：20px；
最大宽度：90%；
高度：100px；
利润率：40px自动；
边界半径：40px；
盒影：0 4px 10px 4px rgba（19,35,47,0.3）；
}
.case content>div{
显示：无；
}
.案例内容>部门：第一个孩子{
显示：块；
}
.页码a{
显示：内联块；
文字装饰：无；
填充：15px；
背景：rgba（160179176,0.25）；
颜色：#a0b3b0；
字体大小：20px；
-webkit过渡：.5s轻松；
过渡：放松；
}
.分页a.激活{
背景#CE0101；
颜色：#ffffff；
}
.pagination a:悬停：未（.active）{
背景色：#ddd；
}

第一步
步骤2
步骤3
您需要在地址栏URL中使用GET参数来定义您所在的页面。您能告诉我如何操作吗？即使我不改变页面，只改变显示，它还能工作吗？因为在我的代码中，我的目标是div元素，这些元素是否显示取决于单击，但我不会将客户端发送到另一个页面（相同的表单，显示不同的部分），这又如何呢？我修复了一个应该是
的
。然后我注意到剩下的几个
标签，看起来您删除了开头的
标签。没关系，谢谢您发布了一个不错的工作示例。