TypeError: p.easing [this.easing] কোনও ফাংশন নয়

Question

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>

Answer 1

বর্ধিত সহজকরণ বিকল্পগুলির জন্য আপনাকে jQueryUI অন্তর্ভুক্ত করতে হবে।

আমি মনে করি কেবল ডাউনলোডের ক্ষেত্রে সহজকরণ, বা কমপক্ষে কেবল বেস লাইব্রেরি প্লাস ইজিং অন্তর্ভুক্ত করার জন্য একটি বিকল্প থাকতে পারে।

Comments

আমি এই সিডিএন থেকে এই ফাইলটি অন্তর্ভুক্ত করছি: <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'></script> এটি কি এটি? অথবা আমি কি অন্য একটি ফাইল অন্তর্ভুক্ত করব?

— মলোক

হ্যাঁ আমি করেছি, তবে সর্বদা একই ইস্যু পেয়েছি, দয়া করে আমার সম্পাদনাটি একবার দেখুন:

— ম্যালোক

ওহ আমি এটিকে ঠিক করেছি, আমি একই ফাইলটিতে jQuery-min এবং jQuery উভয়ই অন্তর্ভুক্ত ছিল, এটি আমার ভুল ছিল। আপনার সহায়তার জন্য থ্যাঙ্কস :)))

— ম্যালোক

আপনি কি বোঝাতে চেয়েছেন? আপনি এটা কিভাবে ঠিক করলেন?

— সর্বোচ্চ 4

হ্যাঁ, আমি এখনও একই ত্রুটি পেয়েছি, তবে আমি কেবল একটি jquery উত্স ফাইল অন্তর্ভুক্ত করেছি।

— কোস্টা

Answer 2

যাদের কাস্টম jQuery UI বিল্ড রয়েছে (প্রাক্তন জন্য বোভার), সেখানে অবস্থিত ইফেক্ট কোরটি যুক্ত করুন ..\jquery-ui\ui\effect.js।

Comments

আমাকে কেবল একটি একক প্রভাব ব্যবহার করতে হয়েছিল, তাই আমি ন্যায়বিচারের সাথে যোগ্যতা অর্জন করতে সক্ষম হয়েছি import "jquery-ui/ui/effects/effect-slide"। টিপের জন্য ধন্যবাদ, টিম!

— aried3r

Answer 3

এটি আমার জন্য কাজ সহ।

বিভাগে নীচে উল্লিখিত লাইনটি অন্তর্ভুক্ত করুন।

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

Answer 4

জ্যাকুয়েরি ইজিং প্লাগইন তাদের কার্যবিধির নামগুলি নতুন সংস্করণ 1.2 থেকে নাম পরিবর্তন করে। আপনার যদি কিছু জাভাস্ক্রিপ্ট আরামের উপর নির্ভর করে থাকে এবং এটি সঠিক প্রভাবের নাম না দিলে এটি এই ত্রুটিটি ছুঁড়ে দেবে।

Answer 5

আমি আজ এই ত্রুটি পেয়েছি যখন একটি ডিভের উপর একটি স্লাইড প্রভাব শুরু করার চেষ্টা করছি। উপরের 'আমি ঘৃণ্য অলস' থেকে উত্তরটি (যা আমি উপস্থাপন করেছি) এর জন্য ধন্যবাদ, আমি একটি কাস্টম jQuery UI স্ক্রিপ্ট সন্ধান করতে গিয়েছিলাম এবং আপনি আসলে jQuery ui ওয়েবসাইটে নিজের ফাইলটি তৈরি করতে পারেন http: // jqueryui এ । কম / ডাউনলোড / । আপনাকে যা করতে হবে তা হ'ল আপনি যে প্রভাবগুলি সন্ধান করছেন তা চিহ্নিত করুন এবং তারপরে ডাউনলোড করুন।

আমি স্লাইড প্রভাব খুঁজছিলাম। সুতরাং আমি প্রথমে সমস্ত চেকবক্সগুলি চেক না করে 'স্লাইড এফেক্ট' চেকবক্স এবং পৃষ্ঠাটিতে স্বয়ংক্রিয়ভাবে ক্লিক করেছি এবং স্লাইড এফেক্টটি কাজ করতে প্রয়োজনীয় অন্যান্য উপাদানগুলি পরীক্ষা করে নিই। খুব সহজ.

ইজিবুটবাউন একটি সহজকরণ প্রভাব, যার জন্য আপনাকে 'ইফেক্টস কোর' চেকবক্সটি পরীক্ষা করতে হবে।

Answer 6

আপনি যদি বুটস্ট্র্যাপ ব্যবহার করেন তবে এটিও সম্ভব যে বুটস্ট্র্যাপের jQuery, আপনার jQuery স্ক্রিপ্ট ট্যাগের নীচে অন্তর্ভুক্ত করা থাকলে, অন্য কোনও সংস্করণের সাথে আপনার jQuery স্ক্রিপ্ট ট্যাগটিকে ওভাররাইট করছে। JQuery এর নিজস্ব সিডিএন অন্তর্ভুক্ত করা এবং বুটস্ট্রাপ যে jQuery স্ক্রিপ্ট ট্যাগ সরবরাহ করে তা মুছে ফেলা আমার পক্ষে কাজ করেছিল।

Answer 7

যে কেউ এই ত্রুটির মধ্য দিয়ে যাচ্ছেন এবং আপনি সংস্করণগুলি আপডেট করার চেষ্টা করেছেন এবং প্রভাবগুলির মূল উপস্থিত রয়েছে তা নিশ্চিত করার চেষ্টা করছেন ইত্যাদি এবং এখনও আপনার মাথা আঁচড়ান। অ্যানিমেট () এবং অন্যান্য সিনট্যাক্সের জন্য ডকুমেন্টেশন চেক করুন।

আমি যা করেছি তা হ'ল "রৈখিক" পরিবর্তে "লিনিয়ার" লিখি এবং পেয়েছিলাম [এটি.ইজিং] কোনও ফাংশন নয়

"(" # প্রধান ")। অ্যানিমেট করুন ({স্ক্রোলফেল্ট: '187px'}, 'ধীর', 'লিনিয়ার'); // খারাপ

$ ("# প্রধান") an //ভাল

Answer 8

আমি সমস্যাটি খুঁজে পেয়েছি: সিডিএন ব্যবহার করবেন না (এটি সমস্যা সৃষ্টি করছে!), পরিবর্তে আপনার সার্ভারে jquery ফাইলটি স্থানীয়ভাবে সংরক্ষণ করুন এবং তারপরে সমস্যাটি দূরে।

Answer 9

jquery.easingসিডিএন আমদানি আমার জন্য কাজ করেছিল।

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

আপনি ওয়েবপৃষ্ঠার এই নীচে যুক্ত করতে পারেন।

Answer 10

বুটস্ট্র্যাপ 4 এবং তারপরের জন্য সর্বশেষতমটি ব্যবহার করুন এটি আপনার ইউআইকে প্রভাবিত করবে না