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 কোড