2012-12-03 13 views
5

का उपयोग करते समय आईई में यादृच्छिक रूप से गायब छवियां मैं एक वेब पेज पर काम कर रहा हूं जो एक फोटो दीवार प्रस्तुत करता है, और जैसे ही आप स्क्रॉल करते हैं, यह फ़ोटो के अगले बैच में लोड करने के लिए jQuery अनंत स्क्रॉल का उपयोग करता है।jQuery चिनाई

मैं jQuery MasonryjQuery InfiniteScroll के साथ उपयोग कर रहा हूं।

सभी क्रोम और फ़ायरफ़ॉक्स के तहत ठीक काम कर रहे हैं, लेकिन आईई के तहत देखते समय, मैंने देखा कि छवियों को यादृच्छिक रूप से दिखाने में असफल रहेगा, हालांकि अगर मैं पृष्ठ को रीफ्रेश करता हूं, तो वे दिखाई देंगे लेकिन अन्य गायब हो जाएंगे। इसी तरह, अगर मैं लापता छवि पर दाहिने माउस बटन पर क्लिक करता हूं और 'चित्र दिखाएं' चुनता हूं तो यह तुरंत प्रकट होता है।

इसलिए मैंने jQuery Masonry website पर कुछ डेमो का परीक्षण किया, और पाया कि फिर से, आईई के दौरान, कभी-कभी, यादृच्छिक छवियां प्रस्तुत नहीं होतीं। यह मेरे लिए Infinite Scroll demo पर और कभी-कभी Images demo पर भी होता है (जो अनंत स्क्रॉल का उपयोग नहीं करता है)।

क्या किसी और ने इसका अनुभव किया है, या समाधान के बारे में पता है? जैसे-जैसे चीजें खड़ी होती हैं, मैं अपने वर्तमान प्रोजेक्ट के साथ आगे बढ़ने में सक्षम नहीं हूं क्योंकि यह आईई के तहत अनिवार्य रूप से अनुपयोगी है।

बीटीडब्ल्यू - मैं आईई 9 का उपयोग कर रहा हूं।

+0

ओएमजी ... मैं आपके लिए महसूस करता हूं। –

+0

छवियां लोड होने में विफल होने पर आपके कंसोल और नेटवर्क टैब क्या दिखाते हैं? – Sampson

+0

नेटवर्क टैब उन छवियों के परिणाम के रूप में 'निरस्त' दिखाता है जो लोड करने में असफल होते हैं, बिना छवि प्रकार के, जबकि सफलतापूर्वक लोड करने वाले छवियों में छवि प्रकार/जेपीईजी और 304 का प्रतिसाद होता है। – marcusstarnes

उत्तर

0

कुछ और जांच करने से (परीक्षण & त्रुटि), मैंने यह निर्धारित किया है कि समस्या केवल चिनाई का उपयोग करते समय होती है।

तो अब मैं jQuery Wookmark पर स्विच कर चुका हूं, जो मेरे लिए सभी बक्से लगाता है, और यह किसी भी मुद्दे को प्रदर्शित नहीं करता है।

0

छवियां लोड नहीं हो रही छवियों के संस्करण 2 में ज्ञात समस्या है चिनाई द्वारा उपयोग की गई लोडेड स्क्रिप्ट। यदि आप छवियों के नवीनतम संस्करण 3 स्क्रिप्ट का उपयोग करने के लिए अपना कोड अपडेट करते हैं, तो यह आईई छवि लोडिंग समस्याओं को ठीक करेगा।

नोट आप स्पष्ट रूप से imagesLoaded के पिछले संस्करणों के बाद से चिनाई js फ़ाइल के बाद सीधे imagesloaded.js फ़ाइल को लोड करने की आवश्यकता होगी चिनाई के साथ शामिल किया गया था लेकिन अब यह संस्करण 3.

में अलग हो गया है नवीनतम imagesLoaded शामिल करके .js फ़ाइल, आप मौजूदा चिनाई संस्करण को रख सकते हैं, क्योंकि कुछ विकल्प और चिनाई के संस्करण 3 की घटनाओं में बदलाव आया है और आपको लगता है कि यह अब अपेक्षित काम नहीं करेगा।

यहां नवीनतम संस्करण डाउनलोड करें: http://desandro.github.io/imagesloaded/

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