جی کوئری پیشگیری از تضادهای ممکن با دیگر فریم ورک ها

در این مقاله نحوه بکارگیری چندین فریم ورک جاوا اسکریپت در یک سند را پی می گیریم.

آموزش جی کوئری

اگر مایل به استفاده از چندین فریم ورک جاوااسکریپت در صفحه خود هستید . متد noConflict() جی کوئری به شما کمک خواهد کرد.

جی کوئری و دیگر فریم ورک های جاوا اسکریپت

همانطور که میدانید، جی کوئری از علامت $ برای معرفی میانبر های خود استفاده میکند.

فریم ورکهای دیگری مانند Angular ، Backbone, Ember, Knockout نیز از همین علامت بهره میگیرند.

اگر دیگر فریم ورک ها از همین علامت $ استفاده کنند چه میشود؟

اگر دو فریم ورک از یک میانبر استفاده کنند یکی از آن دو باید متوقف شود.

جی کوئری برای پیشگیری از این مشکل از متد noConflict() استفاده می کند.

متد noConflict()

متد noConflict()به صورت زیر از میانبر $ استفاده می کند:

$.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery is still working!");
});
});

مشاهده نتیجه

شما میتوانید میانبر دلخواه خود را ایجاد کنید. متد noConflict() براحتی کد های اصلی را برای شما ارجاع خواهد داد:

var jq = $.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").text("jQuery is still working!");
});
});

مشاهده نتیجه

اگر شما یک بلاک از کد های جی کوئری داشته باشید که از میانبر $ استفاده کرده اند و قصد تغییر آن را نداشته باشید. شما میتوانید از علامت $ در متد redy استفاده کنید. به مثال زیر دقت کنید:

$.noConflict();
jQuery(document).ready(function($){
$("button").click(function(){
$("p").text("jQuery is still working!");
});
});

مشاهده نتیجه

براي بهره مندي از مشاوره تخصصي در زمینه طراحی سایت در کرج با شرکت سارگون تماس بگيريد