TypeError: p.easing [this.easing] एक फ़ंक्शन नहीं है

96

JQuery के साथ एक दिव्य तत्व दिखाने की कोशिश करते समय, मुझे यह त्रुटि मिली:

[23:50:35.971] TypeError: p.easing[this.easing] is not a function @ file:///D:/html5%20puzzle/jquery.js:2

प्रासंगिक कार्य यह है:

function showWithAnimation(){                  
  console.log('animation called');
  $('#popup').show();
  $("#popup").css({"top": "30%", "left": "30%"})
             .animate({top:(($(window).height()/2)-($('#popup')
             .outerHeight()/2))-70}, 1000, 'easeOutBounce')
             .show();
}

फ़ंक्शन को बाउंस एनीमेशन के साथ डिव को दिखाने के लिए जिम्मेदार है, हालांकि, डिव को दिखाया गया है, लेकिन उछाल प्रभाव के बिना।

संपादित करें:

मैं इस तरह (सीडीआर) से एक सीडीएन से jQuery और jQueryUI पुस्तकालयों सहित हूँ (आदेश में):

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'>
</script>

javascript jquery html

— malloc
स्रोत

142

आपको विस्तारित सहज विकल्पों के लिए jQueryUI को शामिल करना होगा।

मुझे लगता है कि केवल डाउनलोड में सहजता या कम से कम सिर्फ आधार लाइब्रेरी और सहजता को शामिल करने का विकल्प हो सकता है।

— आई हेट लेजी
स्रोत

10

मैं एक सीडीएन से इस फाइल को शामिल कर रहा हूं: <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'></script> क्या यह एक है? या मैं एक और फाइल शामिल करूं?

— मल्लोक

1

हां मैंने किया था, लेकिन हमेशा एक ही मुद्दा मिला, कृपया मेरे संपादन पर एक नज़र डालें :)

— मल्लोक

2

ओह, मैंने इसे ठीक कर दिया, मैं एक ही फाइल पर jQuery-min और jQuery दोनों को शामिल कर रहा था, यह मेरी गलती थी। आपकी सहायता के लिए

— थैंक्स

3

आपका मतलब क्या है? आपने यह कैसे फिक्स किया?

— अधिकतम 4

1

हाँ, मुझे अभी भी वही त्रुटि मिल रही है, लेकिन मैंने केवल एक jquery स्रोत फ़ाइल शामिल की है।

— कोस्टा

17

उन लोगों के लिए जिनके पास एक कस्टम jQuery यूआई बिल्ड (पूर्व के लिए बोवर) है, में स्थित प्रभाव कोर जोड़ें ..\jquery-ui\ui\effect.js।

— टिम वर्मालेन
स्रोत

1

मुझे केवल एक ही प्रभाव का उपयोग करना था, इसलिए मैं बस के कारण बना पा रहा था import "jquery-ui/ui/effects/effect-slide"। टिप के लिए धन्यवाद, टिम!

— त्रिशूर 3

13

इसमें मेरे लिए काम करना भी शामिल है।

कृपया नीचे उल्लिखित लाइन को अनुभाग में शामिल करें।

<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'>

— मंजू
स्रोत

10

Jquery सहजता प्लगइन ने संस्करण 1.2 पर उनके प्रभाव फ़ंक्शन नामों का नाम बदल दिया। यदि आपके पास सहजता के आधार पर कुछ जावास्क्रिप्ट है और यह सही प्रभाव नाम नहीं कह रहा है तो यह इस त्रुटि को फेंक देगा।

— ericopter
स्रोत

5

आज मुझे यह त्रुटि मिली है कि एक डिव पर एक स्लाइड प्रभाव शुरू करने की कोशिश कर रहा हूं। ऊपर दिए गए 'आई हेट लेज़ी' के उत्तर के लिए धन्यवाद (जो मैंने अपवोट किया है), मैं एक कस्टम jQuery यूआई स्क्रिप्ट की तलाश में गया था, और आप वास्तव में सीधे jQuery ui वेबसाइट http: // jqueryui पर अपनी खुद की फ़ाइल बना सकते हैं । com / डाउनलोड / । आपको बस इतना करना है कि आप जिस प्रभाव की तलाश कर रहे हैं उसे चिह्नित करें और फिर डाउनलोड करें।

मैं स्लाइड प्रभाव की तलाश में था। इसलिए मैंने पहले सभी चेकबॉक्सों को अनियंत्रित किया, फिर 'स्लाइड इफेक्ट' चेकबॉक्स पर क्लिक किया और पेज अपने आप फिर उन अन्य घटकों की जाँच करता है जो स्लाइड इफ़ेक्ट को काम करने के लिए आवश्यक हैं। बहुत आसान।

easOutBounce एक सहज प्रभाव है, जिसके लिए आपको 'इफेक्ट्स कोर' चेकबॉक्स की जाँच करनी होगी।

— luke_mclachlan
स्रोत

4

यदि आप बूटस्ट्रैप का उपयोग कर रहे हैं, तो यह भी संभव है कि बूटस्ट्रैप का jQuery, यदि आपके jQuery स्क्रिप्ट टैग के नीचे शामिल हो, आपके jQuery स्क्रिप्ट टैग को किसी अन्य संस्करण के साथ अधिलेखित कर रहा है। जिसमें jQuery का अपना CDN शामिल है और jQuery स्क्रिप्ट टैग को हटाने के लिए जो बूटस्ट्रैप प्रदान करता है, केवल वही चीज थी जो मेरे लिए काम करती थी।

— मैथ्यू हिना
स्रोत

1

इस त्रुटि से गुजरने वाले किसी व्यक्ति के लिए और आपने संस्करणों को अपडेट करने की कोशिश की है और सुनिश्चित किया है कि कोर आदि मौजूद हैं और अभी भी आपके सिर को खरोंच कर रहे हैं। चेतन के लिए प्रलेखन () और अन्य वाक्यविन्यास की जाँच करें।

मैंने जो कुछ किया वह "रैखिक" के बजाय "रैखिक" लिखा गया था और मिला [this.easing] एक फ़ंक्शन नहीं है

$ ("# मुख्य")। चेतन ({स्क्रॉललेफ्ट: px 187px ’}, 'धीमा’, ear रैखिक ’); //खराब

$ ("# मुख्य")। चेतन ({स्क्रॉललफ्ट: px 187px ’}, 'धीमा’,; रैखिक ’); //अच्छा

— पेड़
स्रोत

0

मुझे समस्या मिली है: CDN का उपयोग न करें (यह समस्या पैदा कर रहा है!), बजाय jquery फ़ाइल को अपने सर्वर पर स्थानीय रूप से सहेजें और फिर समस्या दूर है।

— Pasodoble
स्रोत

0

आयात jquery.easingcdn ने मेरे लिए काम किया।

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>

आप वेबपृष्ठ के इस तल को जोड़ सकते हैं।

— FaridLU
स्रोत