جلسه پنجم : آموزش جی کوئری رویداد ( ) ready در jQuery

صفحه نخست » آموزش وردپرس » جلسه پنجم : آموزش جی کوئری رویداد ( ) rea ...
طراحی سایت

آموزش جی کوئری رویداد ( ) ready در jQuery

education-foundation-jquery-parswp

در این بخش از آموزش جی کوئری JQuery ، رویداد ready را  در طراحی سایت شرح می دهیم.

 رویداد ( ) ready در یک صفحه وب زمانی اتفاق می افتد که شی DOM به طور کامل لود شده و همچنین صفحه نیز به طور کامل لود شده باشد ( حتی تصاویر آن ) .
به دلیل اینکه رویداد ( ) ready پس از لود شدن کامل صفحه اتفاق می افتد ، مکان مناسبی برای قرار دادن کدها و توابع jQuery است .

حتما بخوانید : کلیدهای میانبر در وردپرس به عبارتی shortcut keys

شما می توانید رویدادها و توابعی که می خواهید به محض تمام شدن عملیات load صفحه ، اجرا شوند را در این تابع قرار دهید .
شکل کلی استفاده از این متد به شرح زیر است :

$ ( document ).ready ( function ) ;

یا می توان بدون به کار بردن نام سند بر روی صفحه جاری نیز ، تابع را اجرا نمود .

$ ( function ) ;

document : این پارامتر تعیین کننده صفحه یا سندی است که می خواهیم تابع در آن اجرا شود . مقدار documnet به صفحه جاری اشاره دارد .
function : نام تابعی است که می خواهیم به محض لود شدن صفحه ، اجرا شود .

حتما بخوانید : ساخت رزومه آنلاین در وردپرس با افزونه Resume Builder

مثال زیر کاربرد رویداد ( ) ready را نشان میدهد:

<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("div").animate({left:"100px"},"slow");
$("div").animate({fontSize:"3em"},"slow");
});
});
</script>

این رویداد زمانی اجرا می شود که صفحه وب ما بطور کامل بارگذاری شود.

اشتراک گذاری :
مطالب زیر را حتما بخوانید

تهیه نسخه پشتیبان در دایرکت ادمین

  برخی از کاربران از هاست دایرکت ادمین استفاده می کنند و در این زمینه دچار سردرگمی ...

نمایش مطالب جدید در وردپرس با Recent Posts Widget With Thumbn ...

نمایش مطالب جدید در وردپرس با افزونه Recent Posts Widget With Thumbnails نمایش مطالب ...

بستن تصاویر و جلوگیری از کپی آنها در وردپرس

باسلام خدمت همراهان سایت پارس وی پی بستن تصاویر و جلوگیری از کپی آنها در وردپرس بستن ...

دیدگاه کاربران
نظرات کاربران برای این مطلب را دنبال کنید


برای نمایش دیدگاه کلیک کنید
    ۰ دیدگاه ثبت شده
اطلاعات پست

۲۰۳۷

بازدید

۰

دیدگاه

0

علاقه مندی

5 از 1 رای
  • تاریخ انتشار
  • ۳ فروردین ۱۳۹۵
  • آخرین بروزرسانی
  • ۳ فروردین ۱۳۹۵
  • دسته‌بندی‌
  • آموزش وردپرس
  • لینک کوتاه
  • برچسب ها
  • , , , , , , , , , , , ,
  • + نمایش تمام جزئیات