向导形式铬扩展

时间:2013-04-28 23:07:15

标签: jquery google-chrome-extension wizard

在过去的几天里,我一直试图通过在chrome扩展上使用jquery来实现向导表单,但似乎不可能(对我来说)。我试图改编一些库,如

http://st3ph.github.io/jquery.easyWizard/

http://www.dbarnes.info/jWizard/

任何人都可以告诉我如何在chrome扩展程序上实现向导表单?或者是一些例子。

非常感谢

1 个答案:

答案 0 :(得分:0)

我没有看过您引用的库,但这是一个非常简单的方法:

<div id="one">Panel 1 form content<button id="button_one">Next</button></div>
<div id="two">Panel 2 form content<button id="button_two">Next</button></div>
<div id="three">Panel 3 form content<button id="button_three">Next</button></div>

首先隐藏除第一个div之外的所有内容。设置button_one的单击处理程序以隐藏div 1并显示div 2,依此类推。最后一个面板可能有一个“完成”按钮,提交所有内容,或者您​​想要做的任何事情。一旦你有了这个工作,你就可以开始了解过渡,标签行为和更好的CSS。

顺便说一句,在尝试Chrome扩展程序之前,您应该首先考虑在常规网页上进行原型设计。 “在Chrome扩展程序上”非常广泛,并且本身并没有多大意义;它可以是一个弹出窗口,可以设计为增强特定的网页,它可以是任何网页上的叠加。我们从您的问题中不知道,这就是为什么在常规网页上进行非常简单的工作然后您可以适应您的扩展程序的原因。这里概述的简单方法应该是您项目的良好基础。