2012-10-10 38 views
-1

我這是通過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條目。

+0

你有什麼瀏覽器遇到這個問題? –

+0

我試過Chrome,FF和Safari – Upland

+0

它不是重複的,因爲我的css文件已經從html開始 - 從ajax添加的html只需要使用它。 – Upland

回答

0

哦,親愛的..這是在CSS文件中的錯誤......隔靴搔癢我有問題,與線 - 這就是爲什麼我錯過了..並沒有什麼影響的應用程序的任何其他部分。

對於浪費人們的時間,我表示歉意。

0

嘗試將ajaxRequest中的dataType屬性設置爲html。

dataType : 'html'