用面包屑控制 jQuery 表单向导插件?
我正在使用 jQuery 表单向导插件 来制作多阶段表单。在我的表单上方,我包含一个面包屑,它将链接到表单的每个阶段,如下所示:
<div id="secondaryNav" class="clearfix">
<ol class="breadcrumb">
<li id="step1"><a href="#"><span>Step 1</span></a></li>
<li id="step2"><a href="#"><span>Step 2</span></a></li>
<li id="step3"><a href="#"><span>Step 3</span></a></li>
<li id="step4"><a href="#"><span>Step 4</span></a></li>
</ol>
</div>
我怎样才能使面包屑链接导航到表单的每个部分,同时还将“活动”类添加到正确的列表项每次?
I'm using the jQuery Form Wizard plugin to make a multi-stage form. Above my form I'm including a breadcrumb which will link to each stage of the form like so:
<div id="secondaryNav" class="clearfix">
<ol class="breadcrumb">
<li id="step1"><a href="#"><span>Step 1</span></a></li>
<li id="step2"><a href="#"><span>Step 2</span></a></li>
<li id="step3"><a href="#"><span>Step 3</span></a></li>
<li id="step4"><a href="#"><span>Step 4</span></a></li>
</ol>
</div>
How can I make it so the breadcrumb links navigate to each section of the form whilst also adding an "active" class to the correct list item each time?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
使用后退和下一个触发器。
对于“active”类,您可以使用“step_shown”在每次显示新步骤时检查当前步骤,然后使用 .addClass 将“active”添加到您的元素
:)
Use the back and next triggers.
For the "active" class you can use "step_shown" to check the current step each time a new step is shown and then use .addClass to add "active" to your element
:)