5 טיפים לשיפור ביצועים בקוד ב-jQuery

כאשר אנחנו כותבים קוד ב-jQuery חשוב לדעת שיש הרבה תיקונים קטנים שאפשר לעשות על מנת להפוך את הקוד ליותר מהיר ויעיל.

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

תגיות:

שגיאה בטעינת תמונה והחלפת התמונה באמצעות jQuery

לפעמים כאשר אני מוסיף אלמנט של תמונה (img) אני לא באמת יכול לדעת אם התמונה תיטען או לא. זה יכול לקרות ממספר סיבות, למשל, שימוש בתמונה שנמצאת בשרת אחר, תמונה שנטענת באמצעות web service שעלול להיות לא פעיל לעיתים או שיחזיר שגיאה.

במקרים כאלה אני נוטה להשתמש בפונקציה של jQuery שתחליף את התמונה הבעייתית שלא נטענה בתמונה אחרת כך שבמקום שהמשתמש יראה שגיאה או אזור ריק שלא ברור מה אמור להיות שם, אציג לו תמונת אחרת שתסביר שיש שגיאה או תמונה ברירת מחדל שלא תפגע בחווית המשתמש שלו. [עוד]

הפעלת פונקציה/לחיצה על כפתור ב-ENTER באמצעות jQuery

כמה מעצבן זה שאתה רוצה לחפש משהו באתר מסוים, אז אתה מקליד בשדה החיפוש שבאתר את מילות המפתח שאתה מעוניין למצוא, לוחץ על מקש ה-ENTER, מחכה קצת, מחכה עוד קצת, ועוד קצת, רק בשביל לגלות ששום דבר לא קורה! [עוד]

תגיות:

גלילה לאלמנט בדף באמצעות jQuery

מדריך ליצירת קישור לאלמנט או מיקום באותו הדף באתר באמצעות עוגן ב-HTML או באמצעות אפקט גלילה איטי באמצעות jQuery [עוד]

תגיות:

ספריות jQuery מומלצות

בדף זה ארכז את ספריות ה- jQuery שאני נוטה להשתמש בהם ואסביר עליהם בקצרה. רובם מכילים אופציות רבות יותר ממה שאפרט כאן אז מומלץ להיכנס ולנסות אותם בעצמכם. [עוד]

תגיות:

הפעלת קוד JavaScript לאחר עליית הדף באמצעות jQuery

מדריך עם הסברים ודוגמאות קוד על איך להריץ קוד JavaScript לאחר טעינת ה- DOM או לאחר טעינת כל הדף כולל תמונות וקבצים חיצוניים באמצעות פונקציות jQuery [עוד]

שיוך אירועי jQuery מחדש לאחר ריענון UpdatePanel

לאחרונה נתקלתי במקרה בעייתי: הפעלתי מספר פונקציות בטעינת הדף באמצעות jQuery ו- $(document).ready. אך כאשר לחצתי על אחד הכפתורים באתר כל השינויים שביצעתי בטעינת הדף נעלמו! [עוד]

איך לבדוק אם האלמנט שאנחנו מחפשים קיים באמצעות jQuery?

לפעמים במהלך עבודה עם jQuery אנחנו רוצים לבדוק אם אלמנט כלשהו קיים לפני אנחנו עושים עליו פעולות כלשהם.  ניתן לבדוק זאת באמצעות ה script הבא: if ($(MySelector).length > 0){ // Do Something } במידה ואנו מתכוונים להשתמש בפונקציה זאת מספר פיעמים מומלץ להוסיף את הפונקציה ל jQuery כך: jQuery.fn.exists = function(){return this.length>0;} ולאחר מכן נוכל להשתמש בה בקלות כך: if ($(MySelector).exists()) { // Do Something }      

תגיות: