如何使用 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中文网其他相关文章！