2012-07-27 96 views
0

我想找到更好的方式來管理使用JS的燈箱。我正在Rails環境中工作。管理燈箱及其內容

我通常會將Lightbox中的HTML放入我的Rails應用程序佈局文件中,然後在需要時使用JS來顯示/隱藏這些Lightbox - 這是非常靜態的。有時我會用jQuery來創建燈箱和其中的內容,然後顯示並隱藏它,非常混亂。

我應該使用JS模板嗎?我想我希望有幾個包含不同內容的模板,以便能夠在這些模板中輸出變量。

維護不同寬度/高度和內容的多個燈箱的最佳方式是什麼?

回答

1

我會完全抽象你的燈箱(沒有把他們的任何HTML到佈局中),但在飛行中生成整個事物並將其附加到主體或指定元素。至於存儲不同維度的燈箱,我想這取決於你使用的燈箱。它們中的很多允許你傳遞一個配置對象,它可以控制諸如維度之類的東西。這可能是最好的方法,因爲你將重用相同的代碼,只需指定不同的維度即可。

+0

你能給我一個代碼示例嗎?難以想象。 – Chris 2012-07-27 19:40:56

+0

說如果我想在一個燈箱中顯示一個包含很多字段的表單,您是否會創建包含所有輸入的表單,然後將它附加到燈箱並顯示它?我只是認爲這將是很多JS代碼,因爲我會再添加一些燈箱 - 一些是表單,一些是沒有的。 – Chris 2012-07-27 19:44:46

+0

由於您使用的是Rails,因此您可以將信息存儲在partials中,並將它們呈現在lightbox中。我對Rails有些生疏,但在jQuery中,您可以使用.html()命令加載htm片段。 – Lukich 2012-07-27 19:46:41