در این بخش از آموزش جی کوئری 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 Thumbnails نمایش مطالب ...
باسلام خدمت همراهان سایت پارس وی پی بستن تصاویر و جلوگیری از کپی آنها در وردپرس بستن ...
۲۰۳۷
بازدید
۰
دیدگاه
0
علاقه مندی