html5 - CSS Rules Involving the Value of data-* In Ancestors Not Working Well With IE When Value of data-* Is Changed -


इस सवाल का पहले से ही एक उत्तर है: < / P>

  • 2 जवाब

    @ डुप्लीकेट फ्लैग: समस्या उस पुराने प्रश्न के समान है, लेकिन वही नहीं शुरुआत के लिए, उनकी समस्या आईई 8 के साथ थी और आईई 9, 10 और 11 में इसका समाधान हुआ। मेरा IE 10 & amp; 11।

    मेरे पास अवधारणा पृष्ठ का एक सच्चा सबूत है कि मैं किस बारे में बात कर रहा हूं।

    असल में, मैं एचटीएमएल 5 डाटा- एट्रिब्यूट्स को बढ़ाने के लिए कोशिश कर रहा हूं। जावा स्क्रिप्ट के साथ शो / छिपाना तर्क का उपयोग करने के बजाय सीएसएस नियमों का उपयोग करें।

    नीचे दिए गए कोड फ़ायरफ़ॉक्स / क्रोम में अच्छी तरह से काम करता है, लेकिन इंटरनेट एक्सप्लोरर 10 और 11 में विफल रहता है। p>

    मुझे लगता है मैं इसी तरह के व्यवहार को प्राप्त करने के बजाय माता-पिता में कक्षाओं का उपयोग कर सकता हूं, लेकिन एचटीएमएल 5 विशेषताओं इस के लिए भी बेहतर अनुकूल लग रहे हैं और मुझे आईई बग के साथ काम करने के लिए उन्हें नहीं मिल सकता है। < p> कोई अंतर्दृष्टि?

      & lt;! doctype html & gt; & LT; html & gt; & Lt; शीर्ष & gt; & Lt; मेटा वर्णसेट = "यूटीएफ -8" & gt; & LT; शैली & gt; .संगीत [डेटा-वर्बोस = "हां"] .NotVerbose {display: none; } .कॉन्टेनर [डेटा-वर्बोस = "नहीं"]। वर्बोस {डिस्प्ले: कोई नहीं; } & Lt; / style & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; div वर्ग = "कंटेनर" डेटा-वर्बोस = "हां" & gt; & lt; एक वर्ग = "वर्बोस" & gt; न Verbose कृपया & lt; / a & gt; & lt; एक वर्ग = "नोटविबोस" & gt; वर्बोस कृपया & lt; / a & gt; & lt; p वर्ग = "वर्बोस" & gt; * लंबे पैराग्राफ * & lt; / p & gt; & lt; p class = "Notverbose" & gt; * लघु वाक्य * & lt; / p & gt; & Lt; / div & gt; & lt; script src = "jquery-1.11.1.min.js" & gt; & lt; / स्क्रिप्ट & gt; & LT; स्क्रिप्ट & gt; JQuery (दस्तावेज़) .on ('click', '.container a', फ़ंक्शन (इवेंट) {var लक्ष्य = jQuery (यह); console.log (लक्ष्य); यदि (लक्ष्य। ('। वर्बोस')) { ('। कंटेनर')। एट्र ('डेटा-वर्बोस', 'नहीं');} और यदि (लक्ष्य.इस ('। नहीं वर्बोस')) {jQuery ('। कंटेनर')। एट्र ('डेटा-वर्बोस ', 'हाँ'); } }); & Lt; / स्क्रिप्ट & gt; & Lt; / body & gt; & Lt; / html & gt;    

    मैं सांत्वना में IE के "दस्तावेज़ मोड" और ऊपर दिए गए उदाहरण के साथ खेला केवल IE 9 में ठीक से बर्ताव करता है (लेकिन अन्य संस्करण नहीं)। यह भी उल्लेखनीय है कि आईई 9 भी सीएसएस नियमों का एक और अधिक जटिल सेट के साथ गलत व्यवहार करता है जो डेटा- * विशेषताओं का उपयोग करते हैं, ताकि आईई को आईई 9 जैसे व्यवहार करने के लिए कुछ मामलों में काम करने के लिए मजबूर किया जा सके, लेकिन यह एक मजबूत समाधान नहीं है :

      & lt; मेटा http-equiv = "X-UA- संगत" सामग्री = "IE = 9" / & gt;   

    समस्या, जैसा कि मेरे सामने दूसरों के रूप में उल्लिखित है, यह है कि आईई कुछ मामलों में सही तरीके से फिर से लालच नहीं करता है जब डेटा बदल जाता है, एक समस्या जो IE 8 में रिपोर्ट की गई थी और अभी भी लगता है अधिक जटिल सीएसएस नियमों के साथ बाद के संस्करण में मौजूद होना चाहिए।

    इससे पहले उल्लिखित एक समाधान को कुछ डिफ़ॉल्ट मान (यानी, 1 की एक अस्पष्टता) में बदलने के लिए प्रभावित तत्वों का एक रेड्रॉ , लेकिन ऐसा प्रतीत होता है कि IE के बाद के संस्करणों में ऑप्टिमाइज़ेशन फिर से ड्रॉ नहीं होगा, जब शैली गुण एक ही मूल्य पर रीसेट हो जाते हैं, तो उपरोक्त समाधान को असमर्थनीय बना देता है जब तक कि आप एक सीएसएस प्रॉपर्टी नहीं ढूँढ पाएं जिसमें 2 अलग-अलग मान हैं जो आपके प्रदर्शन को प्रभावित नहीं करेंगे ।

    हमेशा पुनः ड्रॉ करने के लिए एक अधिक विश्वसनीय समाधान तत्वों पर एक मनमाना वर्ग को जोड़ने और निकालना है, जिनके डेटा-गुणों को संशोधित किया गया है।

    सेटर के लिए एक सुविधाजनक आवरण jQuery.attr का यह निर्धारण करता है कि यह यहां पाया जा सकता है:



Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -