如何在 jQuery 中动态应用内联或外部 CSS 来修复 Chrome AJAX 样式问题？

使用 jQuery 动态应用内联或外部 CSS

您想要使用 jQuery 将 Ajax 控件动态加载到 Yahoo 弹出窗口中并应用其自己的 CSS CSS 给它。有两个选项：内联样式表或外部样式表。但是，您发现在 Chrome 中，使用标准方法添加到 DOM 时，不会评估通过 AJAX 加载的 CSS。

为了解决此问题，jQuery 提供了几种方法来评估或应用动态添加的样式表到 DOM：

加载内联 CSS

使用AJAX:

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

使用动态创建的加载外部 CSS

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

使用动态创建的加载外部 CSS

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

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

这些解决方案应该有效地在弹出窗口中加载和应用 CSS，允许您为 Ajax 加载的内容维护单独的样式。

以上是如何在 jQuery 中动态应用内联或外部 CSS 来修复 Chrome AJAX 样式问题？的详细内容。更多信息请关注PHP中文网其他相关文章！