創建多個不同的CSS / JavaScript彈出窗口

Question

我正在尋找一種創建基於CSS / Javascript的彈出窗口的方法。 我要從數據庫中獲取信息，具體取決於有多少輛（示例）汽車。 我希望能夠為數據庫中的每輛汽車創建相同數量的基於CSS / Javascript的彈出窗口，以在彈出窗口中顯示有關該汽車的更多信息。

訣竅是-當然-當您單擊相關鏈接時，我希望顯示有關某輛汽車的正確信息。

我該如何解決？

Answer 1

如果您只希望在任何給定時間為一輛汽車打開彈出窗口，則可以有一個彈出窗口元素，當他們單擊鏈接時可以顯示/隱藏並重新定位，然后使用AJAX加載特定汽車的內容。

如果希望他們能夠在任何給定時間打開多輛汽車的彈出窗口，請在他們單擊鏈接時動態生成一個新的彈出元素，正確放置它，然后使用AJAX加載特定汽車的內容。

我建議使用Javascript框架（例如jQuery ），因為它會使該過程變得相當容易。 您還可以使用許多插件來執行此功能。