由于 jQuery Steps 插件不支持使用您自己的 html 标记,我需要调整插件以至少支持在第二级使用标签。它期望的当前结构如下所示:
<div class="wizard">
<h2>Title 1</h2>
<section>Content</section>
<h2>Title 2</h2>
<section>Content</section>
</div>
但我需要使用不同的表单标签将步骤组合在一起,如下所示:
<div class="wizard">
<form name="one">
<h2>Title</h2>
<section>Content</section>
<h2>Title</h2>
<section>Content</section>
</form>
<form name="two">
<h2>Title</h2>
<section>Content</section>
</form>
</div>
由于 Steps 使用“.children()”,因此它仅限于直接子元素。我尝试将 children() 更改为 find() 但这严重破坏了它。这个向导做了我需要的一切,但我需要它来支持自定义标记。
我已经对其进行了调整以支持 Twitter Bootstrap,但无法在向导中添加额外的标记使得一切都变得非常具有挑战性。
任何想法或建议将不胜感激。