如何將自訂 CSS 檔案新增至 jQuery 彈出視窗？

將 CSS 檔案新增至 jQuery 彈出視窗

使用 jQuery 彈出視窗時，您可能會遇到需要為特定彈出視窗合併附加樣式的情況向上視窗。本文旨在解決如何將自訂 CSS 檔案新增至彈出視窗的問題，並提供有效的解決方案。

您提供的 JavaScript 程式碼示範如何使用一個元素。要將 CSS 檔案新增至此彈出窗口，您應該在 中附加所需的連結元素。彈出視窗的 HTML 內容部分。

在您的程式碼中，您嘗試將 link 元素附加到類別 popupwindow 的元素中。然而，這種方法行不通，因為append()方法操作的是主文檔的DOM，而不是彈出視窗。若要將元素附加到彈出視窗的頭部，您需要將

定位為彈出視窗內容中的元素。

下面提供了將CSS 檔案新增至彈出視窗的可行解決方案：

$('head').append('<link rel="stylesheet" href="style2.css" type="text/css" />');

此程式碼會將連結元素附加到主文件的頭部，彈出視窗將繼承該頭部。這應該會成功加載指定 CSS 文件中的樣式並將其應用到彈出視窗。

以上是如何將自訂 CSS 檔案新增至 jQuery 彈出視窗？的詳細內容。更多資訊請關注PHP中文網其他相關文章！