2016-09-28 9 views
10

के साथ stellar.js का उपयोग करके Uncaught TypeError एक पृष्ठ में मैं लंबवत स्क्रॉलिंग प्रभावों के लिए केवल jQuery 3.1.1 और stellar.js समेत हूं, लेकिन जब मैं इसे $(window).stellar(); के रूप में उपयोग करने का प्रयास करता हूं तो मुझे यह त्रुटि कंसोल में मिलती है :jquery 3.1.1

Uncaught TypeError: f.getClientRects is not a function (jquery-3.1.1.min.js:4) 

मैं के रूप में कई जवाब में सुझाव दिया विस्थापित प्लगइन उपयोग करने की कोशिश, लेकिन मेरी समस्या का समाधान नहीं है।

स्निपेट सिर्फ आपको त्रुटि दिखाने के लिए है।

$(function(){ 
 
    $('.main').stellar(); 
 
});
<div class="main"> 
 
    <div class="slide"></div> 
 
    <div class="slide"></div> 
 
    <div class="slide"></div> 
 
</div> 
 

 
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/stellar.js/0.6.2/jquery.stellar.min.js"></script>

+0

आप एक बेला या कुछ और के साथ त्रुटि को दोहराने कर सकते हैं? – Adjit

+0

हो गया, मैंने एक स्निपेट जोड़ा, लेकिन मुझे विश्वास नहीं है कि यह मदद करता है। – Vixed

+0

हाँ, मेरा मतलब है कि यह सिर्फ jQuery के नवीनतम संस्करण के साथ कुछ प्रकार की संगतता समस्या जैसा दिखता है। यह किसी भी 2.0 संस्करण – Adjit

उत्तर

5

stellar.js क्योंकि कोड के इस टुकड़े की विफल हो रहा है:

$(window).load(function() { 
       var oldLeft = self._getScrollLeft(), 
        oldTop = self._getScrollTop(); 

       self._setScrollLeft(oldLeft + 1); 
       self._setScrollTop(oldTop + 1); 

       self._setScrollLeft(oldLeft); 
       self._setScrollTop(oldTop); 
      }); 

jQuery 3.0 लोड घटना में निकाल दिया जाता है। https://jsfiddle.net/y19x160g/1/ और काम मैं सिर्फ का कहना है कि अब और कोई त्रुटि फेंक नहीं है द्वारा: आप on('load', function{});

$(window).on('load', function() { 
        var oldLeft = self._getScrollLeft(), 
         oldTop = self._getScrollTop(); 

        self._setScrollLeft(oldLeft + 1); 
        self._setScrollTop(oldTop + 1); 

        self._setScrollLeft(oldLeft); 
        self._setScrollTop(oldTop); 
       }); 

यहाँ एक "काम" बेला है बदल सकते हैं।

पीएस: मुझे नहीं पता कि इस पुस्तकालय का क्या उपयोग किया जाता है।

उस जेएस फीड में मैंने अभी हाल ही में गिटहब प्रोजेक्ट से मिनी-लिपिड स्क्रिप्ट की प्रतिलिपि बनाई है: https://github.com/markdalgleish/stellar.js/blob/master/src/jquery.stellar.js और लोड ईवेंट संशोधित किया गया।

अन्य संदर्भ: https://api.jquery.com/load-event/ - पदावनत देखें

-1

आप भी jQuery UI 1.12.0-rc.2 स्थापित है?

चीयर्स

+0

मैं jQuery यूआई का उपयोग नहीं कर रहा हूं। – Vixed

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