我這是通過Ajax調用jQuery的通過寫一個perl腳本一個DIV - 然後在成功寫入以.html()jQuery的HTML()...造型不是從CSS文件中讀取
的編寫的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; }
的Perl:
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條目。
你有什麼瀏覽器遇到這個問題? –
我試過Chrome,FF和Safari – Upland
它不是重複的,因爲我的css文件已經從html開始 - 從ajax添加的html只需要使用它。 – Upland