2012-09-20 19 views
13

मैं आईई 8, 7 और 6 पर घूर्णन (xdeg) सुविधा रखने की कोशिश करते समय थोड़ी देर के लिए संघर्ष कर रहा हूं, इसके लिए मैं थोड़ी देर के लिए Google हूं और cssSandpaper पाया लेकिन चूंकि मुझे 4 डिफेंट्स स्क्रिप्ट्स लोड करना है, मैं करना चाहता हूंcssSandpaper के साथ Modernizr?

<head> 

     <link rel="stylesheet" href="stilos/estilo.css" /> 
     <script src="scripts/modernizr.custom.19387.js"></script> 
     <script src="scripts/jquery-1.8.1.js"></script> 
     <script src="scripts/misfallbacks.js"></script> 
</head> 

<body> 
    <div id="acerca"><a href="#">Acerca de mi</a></div> 
</body> 

मेरी सीएसएस फ़ाइल (estilo.css):

#acerca{ 
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    -o-transform: rotate(90deg); 
    -ms-transform:rotate(90deg); 
    -sand-transform:rotate(90deg); 
    position: relative; 
    top: -233px; 
    left: 462px; 
    width: 123px; 
    height: 23px; 
    z-index:100; 
} 

मेरी js फ़ाइल (misfallbacks.js)

यह केवल इस im modernizr im का उपयोग कर कुछ इस तरह की कोशिश कर के लिए अपने आवश्यक हो तो
Modernizr.load({ 
     test:Modernizr.csstransforms, 
     nope:['transformie/EventHelpers.js/','transformie/cssQuery-p.js','transformie/sylvester.js','transformie/cssSandpaper.js'] 

    );//Fin de monernizr on load 

यह सफारी, क्रोम, ओपेरा, फ़ायरफ़ॉक्स और IE9 लेकिन पर अच्छा काम करता है जब मैं IE8 या IE7 पर कोशिश मैं सांत्वना
SCRIPT5007: Unable to get value of the property 'addEventListener': object is null or undefined EventHelpers.js, line 49 character 9
पर निम्न त्रुटि मैं कोशिश करते हैं और पता लगाने के क्या था करने के लिए एक console.log जोड़ा मिल चल रहा है और है कि रेखा के पास गया यहाँ यह (EvenHelpers.js) है:

me.addEvent = function(obj, evType, fn){ 
     console.log(obj);//I've added this to try to figure out what is going on 
     if (obj.addEventListener) {........//here is the error 
अगले रन मैं सांत्वना फिर से एक देखा इस LOG: null जाँच पर

, मैं जावास्क्रिप्ट पर कोई विशेषज्ञ हूँ तो im यकीन नहीं क्या है चल रहा है लेकिन मैं कुछ अलग कोशिश करता हूं और इस तरह स्क्रिप्ट टैग का उपयोग कर cssSandPaper जोड़ा:

<head> 

    <link rel="stylesheet" href="stilos/estilo.css" /> 

    <script src="scripts/modernizr.custom.19387.js"></script> 
    <script src="scripts/jquery-1.8.1.js"></script> 
    <!--<script src="scripts/misfallbacks.js"></script>--> 
    <script src="transformie/EventHelpers.js"></script> 
    <script src="transformie/cssQuery-p.js"></script> 
    <script src="transformie/sylvester.js"></script> 
    <script src="transformie/cssSandpaper.js"></script> 
</head> 
मेरे आश्चर्य

एक आकर्षण की तरह काम किया, और इस तरह मैं IE7 और IE8 और कंसोल में भी घुमाने की सुविधा है का कहना है कि यह अब लॉग इन करें: [वस्तु HTMLScriptElement] लेकिन ध्यान रखें कि इस तरह का उपयोग कर मैं हमेशा हो जाएगा im इन 4 स्क्रिप्ट को तब भी लोड करना जब वे जरूरी नहीं हैं और यह मील लक्ष्य नहीं है, लेकिन जब से मैं आधुनिकता और जावक्रिप्ट के साथ शुरू कर रहा हूं, मुझे पता नहीं है कि डी पर क्या चल रहा है: और जब मैं नॉप का उपयोग करके स्क्रिप्ट लोड करता हूं: [' '] आधुनिकता से काम नहीं करता है। किसी को हल करने का कोई तरीका जानता है? ... मुझे लगता है कि मेरी अंग्रेजी के लिए मेरी पहली श्वास नहीं है

संपादित करें: मैंने इस ऑब्जेक्ट पर थोड़ा सा शोध किया है HTMLScriptElement और इसका मानना ​​है कि एक स्क्रिप्ट टैग पर रेफर करना है, मुझे लगता है कि जब मैं जेएस फ़ाइल को नोप के साथ लोड करता हूं: modernizr से कुछ बदलाव और यह ऑब्जेक्ट शून्य हो गया है क्योंकि अब स्क्रिप्ट टैग के अंदर लोड नहीं किया गया है ... लेकिन मैं अभी भी एक ही समस्या में हूं ... मैं इसे कैसे हल करूं? :/

jsFiddle Test Modernizr

jsFiddle Test without Modernizr

उत्तर: मैं अगर आईई 9 lt रेत कागज स्क्रिप्ट यह काम किया गया

लोड करने के लिए का उपयोग कर समाप्त हो गया
+1

क्या आप एक jsfiddle जोड़ सकते हैं? – armonge

उत्तर

4

मैं अलग और आसान दृष्टिकोण के साथ इस का समाधान करने की कोशिश की। यह मेरे लिए काम करता है और मेरी इच्छा है कि यह आपके लिए भी काम करे।

मैंने IE9.JS (जेएस जो IE < 9 ब्राउज़र को IE9 + मानकों के अनुरूप व्यवहार करता है) शामिल किया। आप यह जानने के लिए इस लिंक पर जा सकते हैं कि यह कैसे करें। http://code.google.com/p/ie7-js/

फिर मैंने आपके सीएसएस estilo.css को निम्नानुसार संशोधित किया। मैं आपकी #acerca शैली परिभाषा में निम्न शैली जोड़ता हूं।

filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)'; 

यह काम किया। केवल समस्या यह है कि इस प्रकार का परिवर्तन -एस-ट्रांसफॉर्म या किसी अन्य मानक वेब ट्रांसफॉर्म के रूप में पठनीय नहीं है।

+0

यह भी काम करता है, लेकिन मैं रेत पेपर स्क्रिप्ट को लोड करने के लिए यह भी काम पूरा हो गया है, अगर कोई इसे देखना चाहता है तो साइट साइट http://www.luisz.alojalo.info/Portafolio/ –

0

ठीक है, तुम मुझे मैं खरीद इस आधे घंटे की तरह बैठकर init फ़ंक्शन लाइन 445 में EventHelpers.js में एक बग है, इसमें एक cc_on कथन है, इसलिए केवल इसे पढ़ा जाएगा।

अब यह रनटाइम पर एक स्क्रिप्ट टैग बनाता है जिसे टैग नहीं बनाया गया था, इसलिए यह शून्य के बराबर है। और कोड टूट गया है!

मैंने EventHelpers.js को संशोधित किया और समस्या को ठीक किया। मूल कोड के साथ document.write मैं इसे document.createElement करने के लिए बदल स्क्रिप्ट टैग लिख सकते हैं और यह consloe में कोई कीड़े काम करने के लिए लग रहे हैं

jsfiddle: http://jsfiddle.net/5xdDG/3/

अब

यह वास्तव में IE7 या 6 में भी div बारी बारी से करना चाहिए क्योंकि jsfiddle में मैं इसे घुमा नहीं देखता?)

+0

कंसोल पर त्रुटि प्रदर्शित नहीं करता है, लेकिन अभी भी काम नहीं करता है –

0

ऐसा लगता है एक स्क्रिप्ट के बाद लोड करने के लिए की जरूरत है की तरह;

और मैं करने के लिए माफी चाहता हूँ, अंग्रेजी के लिए मेरी पहली भाषा नहीं है।

इस स्क्रिप्ट के साथ प्रयास करें:

if (!Modernizr.csstransforms){ 
    Modernizr.load({ 
     load: 'transformie/EventHelpers.js', 
     complete: function() { 
      console.log("loaded EventHelpers"); 

      Modernizr.load({ 
       load: 'transformie/cssQuery-p.js', 
       complete: function() { 
        console.log("loaded cssQuery"); 
        Modernizr.load({ 
         load: 'transformie/sylvester.js', 
         complete: function() { 
          console.log("loaded sylvester"); 

          Modernizr.load({ 
           load: 'transformie/cssSandpaper.js', 
           complete: function() { 
            console.log("loaded cssSandpaper"); 
           } 
          }); 

         } 
        }); 
       } 
      }); 

     } 
    }); 

}; 
+0

अभी भी काम नहीं करता @CarlosMartinez –

+0

मेरे लिए काम नहीं किया:/ –