javascript - 关于此向导表单布局的一般方式的建议

标签 javascript jquery

我正在制作一个包含大约 5 个步骤的向导表单,您可以通过在每个步骤中从不同类别中选择项目来构建产品。在每个步骤中,用户将看到一个包含多个项目的列表,每个项目都有项目名称、小预览图像和一个可供选择的复选框。在将鼠标悬停在单个项目上时,我想在向导的每个步骤中存在的“更多信息”区域中显示更大的图像和产品详细信息。

所以我的第一个猜测是将所有项目加载到某种集合中,然后在运行时,根据当前步骤,我会将适当的 html 注入(inject)项目列表 DIV(我会项目 id、名称、描述、smallimageurl、largeimageurl 在我的项目 javascript 类上),然后将鼠标悬停功能附加到所有这些元素,这将使更大的图像和伴随信息出现在更多信息 div 中。

这看起来是一种合理的方法还是我离题太远了?我可以看到在某些步骤中我可能想要一个不同的 UI...那么一个人是否应该在设计时在单独的 div 中构建这些不同的 UI 元素然后相应地显示它们?

任何指向您遇到的好文章的指针或链接都会很棒....

最佳答案

如果可以使用 wizard plugin 为什么要重新发明轮子.

关于javascript - 关于此向导表单布局的一般方式的建议,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1276230/

相关文章:

javascript - JS 图像调整大小兼容 fullPage.js

javascript - 带有 fnDisplayRow 的数据表

javascript - Angular 未在我的 json 中渲染 <br>

javascript如果类被隐藏然后滚动

JAVASCRIPT 设置 utterscroll 的步骤?

javascript - 如何防止同一用户使用 Firebase 同时登录?

php - MYSQL 删除多行不起作用

javascript - 在 jQuery .html 中使用 javascript var

javascript - 创建一个具有动态高度子项的 "slot machine"

javascript - Window 对象通过 typeof 对象测试,但 hasOwnProperty 导致错误