آموزش شبیه سازی اکشن Live در JQuery به زبان ساده
چگونه اکشن لایو را در جی کوئری شبیه سازی کنیم ؟ همانطور که خیلی از دوستان اطلاع دارند، نسخه جدید jquery اکشن live رو حذف کرده. کار اکشن live این بود که زمان اضافه شدن یک المان جدید به صفحه event مربوطه مانند click به صورت خودکار به المان اضافه می شد:
$('a.click-me').live('click',function(e){
e.preventDefault();
alert('HI!');
});
در نسخه جدید اکشن live باید به صورت زیر نوشته بشه:
$(document).on('click','a.click-me',function(e){
e.preventDefault();
alert('HI!');
});
حالا فرض کنید کدی داریم و می خواهیم jquery استفاده شده در پروژه رو به نسخه جدید ارتقاء بدیم. اما خیلی جاها از اکشن live استفاده کردیم. برای حل این مشکل، می تونیم یه extension ساده برای jquery بنویسیم که این عملیات رو برای ما شبیه سازی کنه:
$(function(){
$.fn.live = function(event, fn) {
var selector = $(this).selector;
$(document).on(event, selector, fn);
};
});
با اضافه کردن کد بالا قبل از کدهای قبلی، اکشن live ما بدون مشکل کار خواهد کرد.