PDA

View Full Version : تفسیر اسکریپت



farazsahebdel
جمعه 01 آذر 1392, 16:38 عصر
سلام

اگه می شه تفسیر قسمت js رو فقط می خواستم.

ممنون

http://jsfiddle.net/jaredwilli/tZPg4/4/
http://jsfiddle.net/jaredwilli/tZPg4/4/http://jsfiddle.net/jaredwilli/tZPg4/4/

2undercover
شنبه 02 آذر 1392, 05:15 صبح
خط اول که معلومه داره تگ div که input ها توشن رو انتخاب می کنه.

خط دوم با استفاده از متد size تعداد input های ساخته شده (بر اساس تعداد تگ های p) رو بدست میاره (به علاوه ی یک کردنش هم به خاطر اینه که شماره این input که قرار ساخته بشه بدست بیاد).

خط بعدی با استفاده از متد live (البته این متد منسوخ شده و بهتره از متد on به جاش استفاده بشه) یک رویداد click به لینکی که قرار با کلیک روش input جدید ساخته بشه ضمیمه می کنه.

درون رویداد هم با استفاده از تابع اصلی jQuery اون رشته رو تبدیل به اشیا HTML می کنه (اگه دقت کنید در اون جا برای هر input یک شماره به انتهای اسمش اضافه می کنه) و با استفاده از متد appendTo اون متن تبدیل شده به اشیا HTML رو به اون div اصلی که تو خط اول انتخاب شده بود اضافه می کنه!
و یک شماره به متغیر i اضافه می کنه برای input بعد که قراره ساخته بشه. و return false هم برای اینه که وقتی روی لینک کلیک شد اتفاقی نیافته.

در قسمت بعد هم مثل بالا یک رویداد click رو به لینکی که برای حذف input ها به کار پیوست کرده.

توی این رویداد اول بررسی می کنه ببینه که تعداد input ها حداقل دو تا باشه و اگر بود با استفاده از متد parents (البته با parent هم می شد) تگ p والد خودش رو انتخاب و با متد remove اون رو حذف می کنه.
بعد هم از تعداد input ها یکی کم می کنه و در نهایت مثل رویداد قبلی با return false عملکرد لینک رو متوقف می کنه!