load()

תיאור: מקשר מטפל אירוע לאירוע "load" JavaScript.

שיטה הזו היא קיצור של .bind('load', handler).

אירוע load נשלח לאלמנט כאשר הוא וכל תת אלמנטים שלו נטענו לגמרי. אירוע הזה ניתן לשלוח לכל אלמנט המקושר עם URL: תמונות, סקריפטים, מסגרות, iframes, ואובייקט window.

יכול להיות, שאירוע טעינה לא יופעל אם תמונה נטענת מזכרון של הדפדפן. כדי לקחת בחשבון אפשרות הזו, אנחנו יכולים להשתמש באירוע מיוחד של הטעינה, שמופעל מייד אחרי טעינה הושלמה. event.special.load עכשיו זמין כתוסף.

לדוגמא, נתבונן על דף עם תמונה פשוטה:

<img src="book.png" alt="Book" id="book" />

מטפל אירוע יכול להיות מקושר לתמונה:

$('#book').load(function() {
  // Handler for .load() called.
});

כשה תמונה נטענה, מופעל מטפל.

באופן כללי, אין צורך לחכות, עד שכל התמונות נטענו. אם קוד יכול להתבצע לפני, בדרך כלל יותר טוב לשים אותו במטפל, שנשלח לשיטה .ready().

למודול של Ajax גם יש שיטה, שנקראת .load(). היא מופעלת בהתאם לארגומנטים שנשלחו.

דוגמאות

דוגמה 1

$(window).load(function () {
  // run code
});

דוגמה 2

$('img.userIcon').load(function(){
  if($(this).height() > 100) {
    $(this).addClass('bigImg');
  }
});