জেকুয়েরী প্লাগিন কি কি কারনে কনফিক্ট করে এবং বিরত রাখার উপায়

আসলে প্রচুর জেকুয়েরী প্লাগিন নিয়ে কাজ করছি এখন, মেজাজটা মাথায় উঠে যখন দেখি একটার সাথে আরেকটা পেচায় নিয়া হ্যাং করে বসে আছে, তো কিছু জিনিস শিখলাম যেগুলো মাথায় রাখতে হয় প্লাগিনগুলো ইমপ্লিমেন্ট করার সময় এবং কিছু ফিক্সিং সিস্টেমও শিখলাম। এই টপিকের উদ্দেশ্য হল সেই ট্রিকগুলো একত্র করা আমি আমার জানা ট্রিকগুলো আপডেট করতে থাকবো এবং টপিকের রিপ্লাইতে আপনারা আপনাদের জানা ট্রিকগুলো দিলে আমি আপডেট করে দিবো, আশাকরি আমার মত পোলাপানদের জন্য এই টপিকটা একটা ডক হিসেবে কাজ করবে।

সাধারনতো জেকুয়েরী প্লাগিনগুলোর কোডে পাচটা জিনিস থাকে যেগুলো গুরুত্বপূর্ন, CSS, jQuery Library, Plugin jQuery Library, Trigger/Initialization আর Source Image and others..

ইমপ্লিমেন্টের সাধারন নিয়ম,

1) প্রথমে জেকুয়েরী লাইব্রেরী ফাইলটাকে HTML পেজে ইনসার্ট করে ফেলুন, <script> ট্যাগ দিয়ে এটা কিভাবে করতে হবে তা নিশ্চই পাঠকগন জানেন tongue

2) এবার প্লাগিনের লাইব্রেরীটা জেকুয়েরী লাইব্রেরীর পরে যেকোন যায়গায় ইনসার্ট করুন।

3) একটা ছোট ইনিশিয়ালাইজেশন বা ট্রিগার যাই বলি না কেন এটা জেকুয়েরী লাইব্রেরীর পরে ইনসার্ট করুন, যদি

$(document).ready(function() {
  // Handler for .ready() called.
});

এই ফাংশন ইউজ করেন তাহলে অবশ্য এই পার্টে সিরিয়াল মেইন্টেন করার দরকার নেই, কারন এই ফাংশন/মেথডের কাজই হল ডকুমেন্ট পূর্ন লোড হবার পর ভেতরের পার্টটাকে এক্সিকিউট করা।

4) সিএসএস ফাইলটাকে লোড দিন, এটা সাধারনতো কনফ্লিক্ট করে না তাই ঝামেলা কম, তারপরও করলে বুঝতে পারবেন এবং ক্লাসগুলো চেঞ্জ করে দিলেই সমস্যা ক্লিয়ার।

5) এবার ডকুমেন্টেশন দেখুন এবং সেই মোতাবেক HTML মার্কআপ করুন, ডেমো পেজ থেকে ডিরেক্ট কপি করতে পারেন।

6) এক্সারনাল ইমেজ এবং অন্যান্য জিনিসগুলো ঠিকমত লিংক হয়েছে কিনা চেক করে দেখুন এবং ঠিক করে দিন।

ব্যাস এইতো, কিন্তু সমস্যা হল যখন সারা ঘর লেপে দেখা যায় ঠিকঠাক নাই বা আরেকটা প্লাগিনের সাথে কনফ্লিক্ট করছে।

 

এখন এব্যাপারেই কিছু টিপস।

  • ব্যাতিক্রম আছে কিনা জানি না বাট আমার জানামতে প্লাগিনের জন্য যে স্পেসিফিক লাইব্রেরী থাকে সেটা সবসময় জেকুয়েরী লাইব্রেরীর পরে লোড নিশ্চিত করতে হবে অথবা কনফ্লিক্ট হবে নিশ্চিত থাকেন (উদাহারন হিসেবে বুটস্ট্রাপের লাইব্রেরীর নাম বলা যেতে পারে)
  • ধরুন নেভিগেশন ড্রপডাউন ইউজ করেছেন আর তার নীচে স্লাইডার, z-index এ যদি স্লাইডারের ভেলু বেশি থাকে অর্থাৎ স্লাইডার উপরে শো হয় তাহলে আপনার ড্রপডাউনের ভবিষৎ ঘুটঘুটে অন্ধকার, তাই Z-index চেক করে দেখবেন ভাল করে আসলেই যার উপরে থাকার কথা সেটা উপরে স্টে করছে কিনা। জিনিসটা একটু আগে বাবর ভাই শিখাইলো
  • অনেক সময় একটি প্লাগিন অনেকগুলো লাইব্রেরী ইউজ করে এবং ইমপ্লিমেন্ট করার পর ঝামেলা সৃষ্টি করে, প্লাগিনগুলোর ডেমো পেজের কোডগুলো দেখুন যে তারা ঠিক কোন লাইব্রেরীর পর কোনটা লোড দিয়েছে, আপনিও ঠিক সেই সিরিয়াল মেইন্টেন করুন।
  • এরপরও সমস্যা পরিলক্ষিত হয় সেক্ষেত্রে প্লাগিনগুলোর লাইব্রেরী উল্টাপাল্টা করে দিয়ে দেখুন।
  • কনসোলে চোখ রাখুন, ক্রোমে f12 চাপলে ডেভলপার অপশন আসবে, ওখানে কসসোলে জাভাস্ক্রিপ্ট এররগুলো দেখায় যা আপনাকে একটা গাইডলাইন দিতে পারবে।

 

এবার বড় ভাইয়েরা শুরু করেন আমি আপডেট দিতে থাকি  big_smile