0

我正在使用 jQuery 创建一个多 setep 表单。目前该功能是有限的 - 下一个按钮将成功引导用户进入下一组。我正在尝试实现某种分页，它将向用户显示他们当前所在的页面以及剩下的其他页面。

你可以在这里看到一个完整评论的 jsfiddle：http: //jsfiddle.net/QmbNw/6/

理想情况下，我希望当前页面的列表项有一个活动类，所以我可以设置不同的样式。当前显示的表单部分具有选定的类别。我需要想出一种方法来为每个列表项添加一个活动类，并具有与所选表单窗格的索引匹配的索引。请参阅 jsfiddle，这将是有意义的。

此外，这些列表项应链接到该部分，以便它们可以点击。

更新：

我在其中添加了以下 jQuery，希望它会为当前列表项添加一个活动状态：

if($(this).hasClass("visible")){
     $(this).parent().find("li:nth-child(" + pageNum+ ")").addClass("active");
}

有关上下文，请参见 jsfiddle：http: //jsfiddle.net/QmbNw/6/

4

3 回答 3

0

我使用附加索引解决了它。请看这个jsfiddle：http: //jsfiddle.net/Azxjt/

于 2012-09-11T17:14:15.640 回答
0

您可以使用jQuery 选项卡插件- 您使用 jQuery-UI 获得了一个很棒的插件。

为了序列化您的数据，请查看Mike Alsup jquery 表单插件。

于 2012-09-11T16:22:10.220 回答
0

我可以很容易地做到这一点：

  • 创建一个名为 currentPage 的变量
  • 创建一个函数来隐藏/显示基于 currentPage 的分页“选项卡”
  • 创建 ID 和类来帮助 jquery 驱动页面操作

在这里更新前：http: //jsfiddle.net/QmbNw/5/

那是你要找的吗？

于 2012-09-11T16:19:37.953 回答