jQuery noConflict() মহল
- পূর্ববর্তী পৃষ্ঠা jQuery Get/Post
- পরবর্তী পৃষ্ঠা jQuery ইনস্ট্যান্স
কিভাবে পৃষ্ঠায় jQuery এবং অন্যান্য ফ্রেমওয়ার্ককে একসঙ্গে ব্যবহার করা যায়?
jQuery এবং অন্যান্য JavaScript ফ্রেমওয়ার্ক
এমনই আপনি জানতে পেরেছেন যে, jQuery $ সিঞ্কনেকশন ব্যবহার করে jQuery-কে সংক্ষেপে লিখা হয়।
যদি অন্যান্য JavaScript ফ্রেমওয়ার্কও $ সংক্ষেপকে সংক্ষেপ হিসাবে ব্যবহার করছে, তবে কী করবে?
অন্যান্য জাভাস্ক্রিপ্ট ফ্রেমওয়ার্কগুলির মধ্যে আছে: MooTools, Backbone, Sammy, Cappuccino, Knockout, JavaScript MVC, Google Web Toolkit, Google Closure, Ember, Batman এবং Ext JS。
কিছু অন্যান্য জাভাস্ক্রিপ্ট ফ্রেমওয়ার্কও $ সংক্ষেপকে সংক্ষেপ হিসাবে ব্যবহার করে (যেমন jQuery)- যদি আপনির দুটি ভিন্ন ফ্রেমওয়ার্ক একই সংক্ষেপ ব্যবহার করছে, তবে তা স্ক্রিপ্টটির চলাচল বন্ধ করতে পারে。
jQuery এর দল এই সমস্যা নিয়ে চিন্তা করেছেন এবং noConflict() মহল রূপায়িত করেছেন。
jQuery noConflict() মহল
noConflict() মহলটি $ সংক্ষেপকে নিয়ন্ত্রণ থেকে মুক্ত করে, যার ফলে, অন্যান্য স্ক্রিপ্টগুলি তা ব্যবহার করতে পারবে。
উদাহরণ
সম্ভবত, আপনি জিনিউয়ের সংক্ষেপকে পূর্ণ নামের পরিবর্তে ব্যবহার করতে পারেন:
$.noConflict(); jQuery(document).ready(function(){ jQuery("button").click(function(){ jQuery("p").text("jQuery এখনও চলছে!"); }); });
উদাহরণ
আপনিও নিজস্ব সংক্ষেপ তৈরি করতে পারেন। noConflict() মহলকে জিনিউয়ের পরিচয় ফিরিয়ে দেয়, আপনি তা সংরক্ষণ করতে পারেন এবং পরবর্তীতে ব্যবহার করতে পারেন। দেখুন এই উদাহরণটি:
var jq = $.noConflict(); jq(document).ready(function(){ jq("button").click(function(){ jq("p").text("jQuery এখনও চলছে!"); }); });
উদাহরণ
যদি আপনার jQuery কোডব্লক $ সংক্ষেপ ব্যবহার করে এবং আপনি এই সংক্ষেপকে পরিবর্তন করতে চান না, তবে আপনি $ সংক্ষেপকে রিয়েলি মহলের প্রয়োগ করতে পারেন। এইভাবে, ফাংশনের মধ্যে $ সংক্ষেপকে ব্যবহার করতে পারেন - কিন্তু ফাংশনের বাইরে, আপনাকে প্রয়োগ করতে হবে "jQuery":
$.noConflict(); jQuery(document).ready(function($){ $("button").click(function(){ $("p").text("jQuery এখনও চলছে!"); }); });
jQuery কর্ণ রেফারেন্স ম্যানুয়াল
সম্পূর্ণ jQuery কর্ণ মথদল সারাংশ পাওয়ার জন্য, আমাদের jQuery কর্ণ রেফারেন্স ম্যানুয়াল。
- পূর্ববর্তী পৃষ্ঠা jQuery Get/Post
- পরবর্তী পৃষ্ঠা jQuery ইনস্ট্যান্স