-1

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

编写的 html 包含多个 DIV ...每个 DIV 都有一个 ID 和一个用于样式的 css 文件中的条目。

我遇到的问题是在编写文本时会忽略样式。

例子:

HTML:

<link rel="stylesheet" type="text/css" href="layout.css" />
...
<div id="CONTAINER"></div>

javascript:

$.ajax({
  url: './GetInfo.pl',
  success: function(data) {
  alert(data);             // to check the right html is returned - and it is!
    $('#CONTAINER').html(data);
  } 
});

CSS:

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

....所有 DIV 都有正确的文本,但样式取自 CSS 文件中的 BODY 条目,而不是新的 DIV 条目。

4

2 回答 2

0

尝试将 ajaxRequest 中的 dataType 属性设置为 html。

dataType : 'html'
于 2012-10-10T15:51:25.737 回答
0

哦,天哪.. 这是 CSS 文件中的错误... 与我遇到问题的行相去甚远 - 这就是我错过它的原因.. 并且没有任何影响应用程序的任何其他部分。

我很抱歉浪费了人们的时间。

于 2012-10-10T17:50:31.187 回答