2011-05-17 11 views
7

मुझे अपनी वेबसाइट पर काम करने के लिए आधुनिकता प्राप्त नहीं हो रहा है। मैंने जावास्क्रिप्ट फ़ाइलों को एक फ़ोल्डर में जोड़ा है और उन्हें बुलाया है। मैंने एचटीएमएल में नो-जेएस भी जोड़ा है लेकिन अभी भी कुछ भी नहीं है।Modernizr मदद?

जब मैं स्रोत देखता हूं, तो यह HTML जैसा पॉप्युलेट नहीं करता है।

मैं css3 तत्वों के लिए यह उपयोग कर रहा हूँ अभी तक तो मैं किसी भी वापस आने शैलियों की जरूरत नहीं है, मैं सिर्फ शीर्ष लेख की तरह अधिक अर्थ टैग का उपयोग करने में सक्षम होना चाहते, एनएवी, पाद लेख आदि ...

यह मेरा दस्तावेज़ कोड है:

<!DOCTYPE html> 

<html class="no-js" lang="en"> 
<head> 
    <meta charset=utf-8> 
    <title></title> 
    <!--[if IE]> 
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> 
    </script> 
    <![endif]--> 

    <script type="text/javascript" src="/js/modernizr-1.7.min.js"></script> 
+0

क्या आप अपनी साइट के लिए एक लिंक प्रदान कर सकते हैं? क्या आप इसे स्थानीय रूप से करने की कोशिश कर रहे हैं? – Duopixel

+0

नहीं, यह एक सर्वर पर होस्ट किया गया है। क्षमा करें, दुर्भाग्यवश मेरी तरफ से एक लिंक प्रदान नहीं कर सकता है, लेकिन मैं जो भी कोड आवश्यक है उसे संपादित कर सकता हूं और कुछ भी संपादित कर सकता हूं। –

+1

यदि आप Modernizr का उपयोग कर रहे हैं, तो आपको HTML5Shiv की आवश्यकता नहीं है, क्योंकि Modernizr में कार्यक्षमता शामिल है। यह भी देखें: http://stackoverflow.com/questions/3855294/html5shiv-vs-dean-edwards-ie7-js-vs-modernizr-which-to-choose/3855343#3855343 – Spudley

उत्तर

5

यह संभवतः एक पथ मुद्दा है। अस्थायी साथ

<script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/modernizr/1.7/modernizr-1.7.min.js"></script> 

<script type="text/javascript" src="/js/modernizr-1.7.min.js"></script> 

की जगह या यह काम कर रहा हो सकता है की कोशिश करो, लेकिन यह स्पष्ट नहीं है। ध्यान रखें कि जब आप स्रोत देखते हैं तो आपको Modernizr कक्षाएं नहीं दिखाई देती हैं, तो आपको फायरबग ऑन एफएफ या क्रोम पर डेवलपर टूल्स की आवश्यकता होती है ताकि वास्तव में पोस्ट जावास्क्रिप्ट कोड का निरीक्षण किया जा सके।

एक अतिरिक्त परीक्षण की तरह कुछ कर रहे होते ...

.borderradius body { 
    background: #c00; 
} 

और अगर पृष्ठभूमि लाल है, तो Modernizr चल रहा है।

+0

हम्म, ऐसा लगता है कि यह चल रहा है, इसे फ़ायरफ़ॉक्स पर चेक किया गया है। अभी उलझन में है ... हेडर और पाद लेख जैसे टैग गैर html5 ब्राउज़र में काम नहीं कर रहे हैं? मैंने सोचा था कि मॉडिटर में बिंदु क्या यह एचटीएमएल 5 समर्थित ब्राउज़र के लिए एक div के साथ हेडर को प्रतिस्थापित करेगा? –

+1

नहीं, आपकी धारणा गलत है, यह HTML5 तत्वों को divs के साथ प्रतिस्थापित नहीं करती है, यह केवल HTML5shiv करता है, और ब्राउज़र बनाता है, उदा। आईई 8 और नीचे, उनके अस्तित्व के बारे में पता है कि उन्हें प्रस्तुत करता है। –

+0

हालांकि वही सिद्धांत। मेरे पास हेडर टैग हैं जो HTML5 समर्थित ब्राउज़र पर पूरी तरह से काम करते हैं लेकिन शीर्ष पर हेडर नहीं दिखाएगा या प्रस्तुत नहीं करेगा? –

0

आपके पास यहां कोई शैलियों नहीं है लेकिन शायद आपने अपने HTML5 तत्वों को डिस्प्ले के रूप में परिभाषित नहीं किया है: ब्लॉक? Modernizr अपने आप से ऐसा नहीं करता है और इसलिए यदि आप इसे अपने सीएसएस में नहीं जोड़ते हैं तो आपको अभी भी नतीजे नहीं मिलेगा।

9

इस समस्या में खुद को चलाएं। सुनिश्चित करें कि आप रन-टाइम के दौरान पृष्ठ देखते हैं। जब आप पृष्ठ स्रोत देखते हैं, तो जेएस कॉल निष्पादित नहीं होते हैं और यह नो-जेएस को प्रतिस्थापित नहीं करेगा। यदि आप क्रोम का उपयोग कर रहे हैं तो उनके तत्व निरीक्षक का उपयोग करें।

+0

यह मुझे फिसल गया, अच्छा टिप धन्यवाद! – Galaxy

+0

हां - जब आप क्रोम डेवलपर टूल तत्व निरीक्षक में पृष्ठ देखते हैं तो आप सभी कक्षाएं देख सकते हैं –

0

रिकॉर्ड के लिए मुझे यह समस्या भी थी। लंबे समय तक परीक्षण के बाद मैंने पाया कि कस्टम बिल्ड से 'सीएसएस क्लासेस जोड़ें' विकल्प को हटाने से यह मेरे लिए कारण बन रहा था।

संबंधित मुद्दे