آموزش ساخت پلاگین در jQuery

دی ۲۴, ۱۳۹۱ توسط : سعید

برای امروزآموزش ساخت پلاگین در jQuery  رو براتون میذارم امیدوارم خوشتون بیاد.

ساخت پلاگین جی کوئری شاید به نظر کسانی که در jQuery مبتدی هستن یک کار سخت و پیچیده باشه.توی این آموزش میبینید که این کار خیلی هم سخت نیست و با داشتن دانش اندکی درمورد جی کوئری هم میتونید پلاگین هاتون رو بنویسید.

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

Demo

برای ساخت منوی بالا بدون استفاده از پلاگین باید کدهای زیر رو بنویسید :

	$('#animate-menu').find('li a').each(function(index, element) {
        $(this).hover(function(){
				$(this).animate({paddingLeft:'20px'},250);
			},function(){
				$(this).animate({paddingLeft:'0px'},250);
			});

همینطور که میبینید نوشتن این کدها برای هرپروژه کار سختیه مخصوصا اگه کدهای زیادی داشته باشیم.
بعد از تبدیل کدهای بالا به پلاگین با استفاده از خط زیر میتونیم از پلاگین در پروژه های مختلف استفاده کنیم :

$(document).ready(function() {

	$('.container').animateMenu();

});

خب بریم سراغ آموزش.…

ادامه مطلب...