2011-06-21 9 views
12

पर सीएसएस और .load() jquery के साथ समस्या आईई (7 और 8) के साथ कोई ज्ञात समस्या है जहां jquery .load() ठीक से काम नहीं करता है? मेरा सीएसएस पृष्ठ पर लोड नहीं हो रहा है।आईई

<!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 को देखने पर है:

इस फ़ाइल में जो लोड किया जा रहा है (show_profile.php) है: यहाँ मेरी कोड है .php स्वतंत्र रूप से, सीएसएस समेत सबकुछ ठीक है, लेकिन यह wont काम करता है जब मैं उपयोग करता हूं .load()

कृपया मदद करें :(

+1

आप इसे क्या लोड कर रहे हैं? एक मौजूदा तत्व? शायद आपको 'लोड (' show_profile.php body ') का उपयोग करना चाहिए और फिर सीएसएस को अलग से लोड करना चाहिए। – alex

+0

एलेक्स repsonding के लिए धन्यवाद। लोड ('show_profile.php body') अब कुछ भी लोड नहीं कर रहा है। – Anant

+0

@alex और बात यह है कि, मेरा कोड उत्तर के लिए Google क्रोम और फ़ायरफ़ॉक्स – Anant

उत्तर

6

सीएसएस मुख्य दस्तावेज़ के शीर्षलेख से आ रहा है, जो भी आप लोड कर रहे हैं। आप लोड किए गए पृष्ठ पर भार (0 या कुछ सीएसएस (या शैली टैग का उपयोग करके) में लोड करके लोड कर रहे पृष्ठ पर इनलाइन स्टाइल का उपयोग कर सकते हैं।

+0

के साथ पूरी तरह से काम करता है। इनलाइन स्टाइल काम करता है, लेकिन अगर मैं file.css की सामग्री को फ़ाइल के शीर्षलेख भाग में स्थानांतरित करता हूं जिसमें show_profile.php लोड किया जा रहा है, तो ऐसा कोई प्रभाव नहीं प्रतीत होता है: | – Anant

+0

@AR और मेरा कोड अन्य ब्राउज़रों के साथ पूरी तरह से काम करता है, इसलिए आईई के साथ इसे पाने के लिए कोई तरीका है? धन्यवाद – Anant

+0

यहां एक नज़र डालें http://stackoverflow.com/questions/5186638/how-to-asynchronously-load-css-using-jquery - शायद सीएसएस लिंक जोड़ना वास्तव में उड़ जाएगा, सुनिश्चित नहीं है। इसके अलावा यहां दूसरे उत्तरदाता पर एक नज़र डालें: http://stackoverflow.com/questions/805384/how-to-apply-inline-and-or-external-css-loaded- गतिशील-with-jquery मैं पृष्ठों के लिए इनलाइन स्टाइल का उपयोग करता हूं लोड (लोड) का उपयोग करके लोड किया गया है और मेरे पास उनके लिए कोई हेडर या बॉडी या एचटीएमएल टैग नहीं है, बस divs और stuff। –

2

प्रदान किया गया उत्तर पूरी तरह से सही है। मुद्दा यह है क्योंकि आपके पास एक पृष्ठ है (इसे एएफपी कहते हैं) जो इस पृष्ठ को लोड कर रहा है (बीएफपी) और जिस स्टाइल शीट को आप चाहते हैं वह केवल बीएफपी में सूचीबद्ध है। यह अन्य ब्राउज़रों में काम करता है क्योंकि वे थोड़ा और अधिक हैं ।। क्या वे डोम में अनुमति देते हैं पर उदार आईई यह क्या करता है और इस के साथ ऐसा नहीं करता है के बारे में बहुत सख्त है जवाब A.php

1

में <link rel="stylesheet" script="text/css" href="profile.css" /> शामिल करने के लिए link तत्व एक script विशेषता नहीं है - यह होना चाहिए type="text/css" हो।