管理灯箱及其中的内容

Question

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

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

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

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

Answer 1

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