向导表格chrome扩展

Question

在过去的几天里，我一直试图通过在Chrome扩展上使用jQuery来实现一个向导窗体，但它似乎是不可能的（对我来说）。我试图去适应一些库如

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

和

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

任何一个可以告诉我，我怎么能实现在浏览器扩展程序向导的形式？或者请举例。

非常感谢你

Answer 1

我没有看过你引用的库，但这里有一个非常简单的方法：

<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扩展上”非常广泛，并没有真正意义上的意义。它可以是一个弹出窗口，它可以被设计为增强特定的网页，它可以是任何网页上的覆盖。我们不知道你的问题，这就是为什么在普通网页上做一些非常简单的工作，然后你可以适应你的扩展。这里概述的简单方法应该是您项目的良好基础。