如何使用 jQuery 將 CSS 動態套用到 AJAX 載入的內容？

使用jQuery 動態應用內聯或外部CSS

使用jQuery 透過AJAX 載入HTML 內容時，您可能會遇到將CSS 應用於載入的內容。這是因為瀏覽器不會自動評估動態新增的 CSS。

評估選項：

要解決此問題，您可以使用多種方法來動態評估 CSS ：

1。使用AJAX載入CSS：

$.get(myStylesLocation, function(css) {
  $('<style type="text/css"></style>').html(css).appendTo("head");
});   

2.使用動態建立的：

$('<link rel="stylesheet" type="text/css" href="'+myStylesLocation+'" >').appendTo("head");

3.使用動態建立的

$('<style type="text/css"></style>').html('@import url("' + myStylesLocation + '")').appendTo("head");

或

$('<style type="text/css">@import url("' + myStylesLocation + '")</style>').appendTo("head");

透過使用這些方法，您可以動態載入CSS並將其套用到透過AJAX載入的HTML內容，確保正確的樣式和功能。

以上是如何使用 jQuery 將 CSS 動態套用到 AJAX 載入的內容？的詳細內容。更多資訊請關注PHP中文網其他相關文章！