管理lightboxes和其中的内容

Question

我想找到一种用JS管理lightboxes的更好的方法。我在Rails环境中工作。

我通常将lightboxes的HTML放在我的Rails应用布局文件中，然后我会在需要时简单地使用JS来显示/隐藏这些lightboxes这是非常静态的。有时我会使用jQuery动态创建灯箱和其中的内容，然后显示和隐藏它，非常混乱。

我应该为此使用JS模板吗？我想我想有几个模板，其中包含不同的内容灯箱-有能力输出这些模板中的变量。

维护几个不同宽度/高度和内容的灯箱的最佳方式是什么？

Answer 1

我会完全抽象你的lightbox (不是把任何html放到布局中)，而是动态生成整个东西，并将其附加到body或指定的元素。至于存储不同尺寸的lightbox，我想这取决于您使用的是什么lightbox。它们中的许多允许你传递一个配置对象，该对象控制尺寸等。这可能是最好的方法，因为你将重用相同的代码，只是为它指定不同的尺寸。