این وبلاگ در واقع مخلوطیست از وبلاگ و سیاره! یعنی مطالب موجود هم مستقیماً وارد شدند و هم توسط سیستم از وبلاگ شخصی افراد گروه جمع آوری شده.
لطفاً سوالات خوتون رو در بخش انجمن سایت مطرح بفرمایید.
مسئولیت مطالب درج شده در این وبلاگ بعهده نویسنده آن بوده و هیچ گونه ارتباطی با کل گروه ، مدیران و اسپانسر گروه (شرکت پارسی ســرو) نخواهد داشت. لطفاً با گزارش پستهای خلاف قوانین جمهوری اسلامی ایران، ما را در حفظ سلامت محیطی که متعلق به خودتان هست یاری فرمایید.
همونطور که مستحضریم، جاوااسکریپت امکان تعیین Event رو به هر Element از صفحه میده که مثلا اگر فلان Element کلیک شد این اتفاقا بیافته و اگر یکی دیگه mouseover شد اون یکی اتفاقا بیفته و غیره. تعیین این Eventها از طریق Frameworkها مثل MooTools و jQuery عجیب آدم رو یاد هلو میندازه. مخصوصا که امکان تعریف Evnet های اختصاصی رو هم میدن مثل OnLoveBoplo، OnVisitBoplo و غیره.
این فریم ورکها، امکانی برای اجرای کد در زمان تکمیل DOM رو دارند که در MooTools رویداد domReady و در jQuery متد ()ready. که به ما امکان قرار دادن کدها رو در <head> صفحه میدن و خیلی کاربرد دارند. مثل کدهای زیر که وقتی هر لینکی کلیک شد، یه alert ناقابل نمایش میده:
// MooTools
window.addEvent('domready', function(){
$$('a').addEvent('click', function() {
alert("You've clicked " + this.href + "!");
});
});
// jQuery
$(document).ready(function(){
$('a').click(function() {
alert("You've clicked " + $(this).attr('href') + "!");
});
});
همونطور که گفتم این کد در زمان تکمیل DOM یکبار انجام میشه و Eventها رو تنظیم می کنه. همه چی آرومه و من خیلی خوشحالم تا اینکه یه جایی یک لینک توسط جاوااسکریپت ساخته میشه یا توسط Ajax به صفحه اضافه میشه و کاملا منطقی خواهد بود که چون موقع اجرای کدهای بالا اون لینک وجود نداشته، Eventاش هم Set نشده و کدهاش هم اجرا نخواهد شد. برای حل این مشکل سه راه وجود داره ....
برای اینکه بفهمی Delegation چیه، چرا خوبه و چطور عمل می کنه، ادامه مطلب رو بخون....
نظرات اخیر
آرشیو
نویسندگان مطالب
نظر خود را بگویید.