تا %60 تخفیف خرید برای 6 نفر با صدور مدرک فقط تا
00 00 00
در توسینسو تدریس کنید

شبیه سازی اکشن 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 ما بدون مشکل کار خواهد کرد.

نویسنده: حسین احمدی

منبع: انجمن تخصصی فناوری اطلاعات ایران

کپی برداری با ذکر نام نویسنده و منبع بلامانع است

نظر شما
برای ارسال نظر باید وارد شوید.
0 نظر

هیچ نظری ارسال نشده است! اولین نظر برای این مطلب را شما ارسال کنید...

افرادی که این مطلب را خواندند مطالب زیر را هم خوانده اند