多种模式与一种可覆盖模式

Question

我正在尝试设置一个包含多个元素的页面。可能是类似书籍画廊的东西，当您单击缩略图时，会打开一个带有书籍图片的模式，指向出版商（或个人书籍页面）的链接和描述。

我想知道是否为每个缩略图生成 1 个模态更谨慎（无需 js 来管理任何内容和快速设置）或设置一个模态，其中数据将被覆盖，具体取决于您单击的缩略图（更少的 html生成但设置起来更复杂，需要 js 并将信息存储在 data 属性之类的地方）。

我看过很多关于模态的主题和报道，但到目前为止还没有看到过这样的问题。毫无疑问，每个人似乎都在向无数模态“元素”发送垃圾邮件。

有人可以帮我解释一下吗？

Answer 1

更有效且面向未来的方法是结合 JavaScript。由于您只会存储每本书的数据和单个模板模式，这将节省带宽。此外，如果您想添加更多书籍怎么办？将来只需将数据添加到“books”数组中会容易得多，而不必为每个新条目创建一个新模式。

但是，如果画廊规模非常小，则可能不值得花时间和精力来做这件事。

因此，这是一种设计选择，由您决定哪种方法最适合您的项目。