jQuery কার্যকরি - noConflict() পদ্ধতি
একস্ট্যান্স
noConflict() পদ্ধতিকে জেনারিক নাম দিয়ে jQuery বিন্যাসকে নতুন নাম দিন
var jq=$.noConflict();
সংজ্ঞা ও ব্যবহার
noConflict() পদ্ধতি $ বিন্যাসকে jQuery-র নিয়ন্ত্রণ হস্তান্তর করে
এই পদ্ধতিটি jQuery-র $ বিন্যাসকে মুক্ত করে
এই পদ্ধতিটি জেনারিক নাম নিয়ে jQuery বিন্যাসকে নতুন নাম দেওয়ার জন্যও ব্যবহার করা যেতে পারে
সুঝানা:অন্য জাভাস্ক্রিপ্ট লাইব্রেরির ফাংশনকে $-এর সাথে ব্যবহার করার সময়, এই পদ্ধতিটি অত্যন্ত কার্যকরী
সিন্থ্য
jQuery.noConflict(removeAll)
পারামিটার | বর্ণনা |
---|---|
removeAll | বলুয়েন মান।কি পূর্ণাত্মকভাবে jQuery বিন্যাসকে পুনরায় প্রতিষ্ঠা করা হবে তা নির্দেশ করে |
ব্যাখ্যা
অনেক জাভাস্ক্রিপ্ট লাইব্রেরি $-কে ফাংশন বা বিন্যাস নাম হিসাবে ব্যবহার করে, jQuery-ও একইভাবে।jQuery-তে, $ কেবলমাত্র jQuery-র একটি অভিপ্রায়
<script type="text/javascript" src="other_lib.js"></script> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $.noConflict(); // অন্য লাইব্রেরির $-এর কোড </script>
এটা .ready() পদ্ধতিকে সঙ্গে মিলিত করে ব্যবহার করা যেতে পারে, যার মাধ্যমে jQuery অবজেক্টকে অন্য নাম দেওয়া যায়, এই পদ্ধতি খুবই কার্যকরী
<script type="text/javascript" src="other_lib.js"></script> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $.noConflict(); jQuery(document).ready(function($) { // jQuery $-এর কোড }); // অন্য লাইব্রেরির $-এর কোড </script>
এছাড়া, এই পদ্ধতিকে true পারামিটার পাঠাতে, আমরা $ এবং jQuery-র নিয়ন্ত্রণকেও পুরনো লাইব্রেরি কাছে ফিরিয়ে দিতে পারি।ব্যবহার করা আগে, ভাবুন!
এটা সাধারণ noConflict মথড় অফ অপেক্ষা একটি আরও সীমান্তকীর্ত্তী সংস্করণ, কারণ এটা jQuery-কে পুরোপুরি পুনর্ব্যাখ্যা করবে।এটা সাধারণত একটি সীমান্তকীর্ত্তী পরিস্থিতিতে ব্যবহৃত হয়, যেখানে আপনি জিনারেটিভ এক্সট্রিম এনভায়রনমেন্টে জিনারেটিভ করতে চান।নোট: এই মথড় ব্যবহার করার পরে, প্লাগইনগুলির ক্ষতিগ্রস্ত হওয়ার সম্ভাবনা বেশি আছে।
একস্ট্যান্স
উদাহরণ 1
$-র উপর নির্ভর অবজেক্টকে মূল অবজেক্টে পুনরায় ম্যাপ করুন:
jQuery.noConflict(); jQuery("div p").hide(); // jQuery $("content").style.display = "none"; // অন্য লাইব্রেরির $()
উদাহরণ 2
এলিয়াস $-কে পুনরায় ব্যবহার করে, একটি ফাংশন তৈরি এবং এটা বাস্তবায়িত করুন, যেখানে $-কে একটি jQuery-র এলিয়াস হিসাবে প্রয়োগ করা হয়, এই ফাংশনের ক্ষেত্রে $-এর মূল অবজেক্ট বেকার হয়ে যায়।এই ফাংশনটি অনেক অন্য লাইব্রেরির উপর নির্ভর না কের প্লাগইনগুলির জন্য অত্যন্ত কার্যকরী হয়:
jQuery.noConflict(); (function($) { $(function() { // $-কে jQuery এলিয়াস হিসাবে ব্যবহার করা হচ্ছে }); })(jQuery); ... // $ হিসাবে ব্যবহৃত অন্য লাইব্রেরির কোড
উদাহরণ 3
জিনারেটিভ noConflict() এবং সংক্ষিপ্ত ready কে সংযুক্ত করে, কোডটিকে আরও সংক্ষিপ্ত করা যাবে:
jQuery.noConflict()(function(){ // jQuery-র উপর ভিত্তি কোড }); ... // অন্য লাইব্রেরির $ হিসাবে ব্যবহৃত কোড
উদাহরণ 4
একটি নতুন এলিয়াস তৈরি করে, যা আগামীতে লাইব্রেরিতে jQuery অবজেক্ট ব্যবহার করতে ব্যবহৃত হবে:
var j = jQuery.noConflict(); j("div p").hide(); // jQuery-র উপর ভিত্তি কোড $("content").style.display = "none"; // অন্য লাইব্রেরির $() কোড
উদাহরণ 5
সম্পূর্ণভাবে jQuery-কে একটি নতুন নামস্পাস এক্সপোর্ট করুন:
var dom = {}; dom.query = jQuery.noConflict(true);
ফলাফল:
dom.query("div p").hide(); // নতুন jQuery কোড $("content").style.display = "none"; // আর্কা লাইব্রেরি $() কোড jQuery("div > p").hide(); // আর্কা সংস্করণ অফ jQuery কোড