הבעיה העיקרית בשימוש ב-jquery כדי לבדוק אם גודל המסך מתאים היא שהוא יכול להיות לא מדויק.
is mobile
var isMobile = false; //initiate as false
// device detection
if(/(android|bbd+|meego).+mobile|avantgo|bada/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo||midp||mmp||netfront||opera m(ob|in)i||palm( os)?||phone||p(ixi|re)/8.0.+mobile.+firefox/i.test(navigator.userAgent)){
isMobile = true;
}
הקוד הזה בודק אם המכשיר הוא מכשיר נייד או לא. זה מתחיל בהגדרת isMobile ל-false. לאחר מכן, הוא משתמש בביטוי רגולרי כדי לבדוק את מחרוזת סוכן המשתמש של הנווט. אם הוא מוצא התאמה, אז הוא מגדיר את isMobile ל-true.
מאפייני מסך ב-jQuery
ישנם כמה מאפיינים שבהם אתה יכול להשתמש כדי לשלוט איך המסך שלך נראה ב-jQuery.
רוחב וגובה: מאפיינים אלה קובעים את הרוחב והגובה של המסך, בפיקסלים.
אוריינטציה: אתה יכול להשתמש במאפיין זה כדי לציין אם המסך הוא במצב לאורך או לרוחב.
display: מאפיין זה מציין אם יש להציג את המסך כחלון במסך מלא או לא.
מה זה jQuery
jQuery היא ספריית JavaScript שעוזרת לך ליצור אתרים דינמיים ורספונסיביים. הוא כולל תכונות לטיפול באירועים, הנפשת אלמנטים ויצירת אינטראקציות של Ajax.
