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

Question

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

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

我該如何解決這個問題？

Answer 1

如果您只想在任何給定時間打開一個汽車的彈出窗口，您可以使用單個彈出式窗口元素來顯示/隱藏並在點擊鏈接時重新定位，然後加載特定內容使用AJAX的汽車。

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

我建議使用Javascript框架（如jQuery），因爲它會使過程變得相當容易。還有一些插件可以用來執行此功能。