jQuery html()。。。未从css文件读取样式

jQuery html()。。。未从css文件读取样式,jquery,css,ajax,Jquery,Css,Ajax,我有一个DIV,它是通过jQuery对perl脚本的ajax调用编写的,然后在成功时使用.html()编写的 编写的html包含几个div。。。每个都有一个ID和css文件中的一个条目,用于设置样式 我的问题是,在编写文本时忽略了样式设置 例如: HTML: CSS: Perl: print尝试将ajaxRequest中的数据类型属性设置为html dataType : 'html' 哦,天哪。。这是CSS文件中的一个错误。。。在线路附近我没有遇到问题,这就是我错过的原因。。并且不会影响应用程

我有一个DIV,它是通过jQuery对perl脚本的ajax调用编写的,然后在成功时使用.html()编写的

编写的html包含几个div。。。每个都有一个ID和css文件中的一个条目,用于设置样式

我的问题是,在编写文本时忽略了样式设置

例如:

HTML:

CSS:

Perl:


print尝试将ajaxRequest中的数据类型属性设置为html

dataType : 'html'

哦,天哪。。这是CSS文件中的一个错误。。。在线路附近我没有遇到问题,这就是我错过的原因。。并且不会影响应用程序的任何其他部分


很抱歉浪费了大家的时间。

您在哪个浏览器中遇到了这个问题?我尝试了Chrome、FF和SafariIt。它不是重复的,因为我的css文件从一开始就已经是html格式的-从ajax添加的html只需要使用它。它应该按照您编写的方式工作。CSS应用于所有DOM元素,无论它们是在原始HTML中还是动态添加的。
$.ajax({
  url: './GetInfo.pl',
  success: function(data) {
  alert(data);             // to check the right html is returned - and it is!
    $('#CONTAINER').html(data);
  } 
});
body { color: black; font-size: 10pt; }

#childDiv1 { color: #ffffff; font-size: 12pt; }
#childDiv2 { color: #ffff00; font-size: 14pt; }
#childDiv3 { color: #ff00ff; font-size: 16pt; }
print <<HTML;
Content-type: text/html

  <div id="childDiv1">Info 1</div>
  <div id="childDiv2">Info 2</div>
  <div id="childDiv3">Info 3</div>
HTML
dataType : 'html'