2011-06-21 60 views
12

是否有一個已知的問題與IE瀏覽器(7和8)在jquery.load()不能正常工作?我的CSS沒有被加載到頁面上。這裏是我的代碼:問題與CSS和.load()jQuery的IE瀏覽器

這是一個正在加載的文件(show_profile.php):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<link rel="stylesheet" script="text/css" href="profile.css" /> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Untitled Document</title> 
</head> 

<body> 

<div id="tabs"><div id="cd" class="tab_active">Contact Details</div> 
</div> 
</body> 
</html> 

這是profile.css

#tabs { 
color:white; 
font-family:Verdana; 
font-size:14px; 
} 

#cd{ 
position:absolute; 
left:0px; 
top:0px; 
background-color:#3172A6; 
} 
.tab { 
position:absolute; 
top:0px; 
} 
.tab_active { 
position:absolute; 
top:0px; 
} 

代碼上查看文件show_profile .php獨立,所有包括CSS在內都可以,但它只是不會工作當我使用.load()

請幫忙:(

+1

你在裝什麼?現有的元素?也許你應該使用load('show_profile.php body')'然後單獨加載CSS。 – alex

+0

感謝repsonding alex。 load('show_profile.php body')現在似乎沒有加載任何東西。 – Anant

+0

@alex和事情是,我的代碼完美地與谷歌鉻和火狐 – Anant

回答

6

該CSS來自主文檔的標題,而不是您正在加載的任何內容。 您可以在使用加載的頁面上使用內聯樣式(0),也可以在加載它的文檔中指定樣式(或使用樣式標籤)。

+0

謝謝你的答案。內聯樣式工作,但即使我將profile.css的內容移動到正在加載show_profile.php的文件的標題部分,它似乎也沒有任何影響: – Anant

+0

@AR和我的代碼完美地與其他瀏覽器,所以任何方式來解決這個與IE瀏覽器? 謝謝 – Anant

+0

看看這裏http://stackoverflow.com/questions/5186638/how-to-asynchronously-load-css-using-jquery - 可能追加css鏈接確實會飛,不知道。另請看看第二個anser這裏:http://stackoverflow.com/questions/805384/how-to-apply-inline-and-or-external-css-loaded-dynamically-with-jquery我使用內聯樣式的網頁加載使用(加載),我沒有任何標題或身體或html標籤爲他們,只是divs和東西。 –

2

提供的答案是完整正確的。這個問題是因爲你有一個頁面(叫做A.php),它正在加載這個頁面(B.php),而你想要的樣式表只在B.php中列出,這在其他瀏覽器中是有效的,因爲它們有點多。寬容是什麼讓他們在DOM IE是非常嚴格的關於它做什麼,不與該做的答案是包括<link rel="stylesheet" script="text/css" href="profile.css" />在a.php只會

1

link元素沒有一個script屬性 - 它應該是type="text/css"