שלום!

בניתי אתר: http://shotokai.bkalut.co.il/

(נבנה בוורדפרס)

נתקלתי בבעיה, שהייתה נראית לי קצת מוזרה:

בדקתי את האתר במחשב, בנייד ובאייפד

ורק באייפד - לא רואים את תתי התפריטים. למשל בתפריט בטאב "קאטות", כשמעבירים את העכבר, רואים תתי תפריט. אבל באייפד זה לא עובד. למה??

תודה :-)

איך אתה מעביר את העכבר מעל הפריט הזה באייפד...?

שאלה טובה...

הבהרת לי את הבעיה

באייפד - מצד אחד המסך גדול, והתצוגה כמו במחשב, ולא רואים את תתי התפריטים (בניגוד לסמארטפון)

מצד שני - אין עכבר, אז אין אירוע hover ... ולכן לא מוצגים תתי התפריטים !

אולי הפתרון להוסיף אירוע onclick ?

האמת אין לי אייפד, ואני לא מבין - אם אין עכבר, אז אי אפשר לראות תתי תפריטים?

אשמח לעזרה...

נערך 2013 בנובמבר 2111 שנים על-ידי שריה 24

לסמארטפון אתה מציג גרסה מותאמת, או איך זה עובד אצלך בדיוק?

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

בגדול - הפתרון האידיאלי יהיה לשנות את המראה ו/או ההתנהגות של התפריט כאשר עובדים עם מסכים מבוססי מגע.

קרא על Responsive/ Adaptive Design.

שמתי קישור לאתר, זה אתר רספונסיבי, התבנית החדשה של וורדפרס. ובגלל זה אני מתפלא - על חוסר ההתאמה לאייפד. (בנייד - זה מותאם, וזה בסדר)

אז.. לפי איך שזה נראה יש 2 הסברים להתנהגות התפריט:

1. לא חשבו על זה עד הסוף ולא לקחו בחשבון את המקרה הזה.

2. מלכתחילה הוגדרו נקודות שבירה ל- Mobile ו- Desktop בלבד (כאשר ה- Tablet נופל לצד של ה- Desktop).

לדעתי, הפתרון הפשוט ביותר יהיה לשלב בין 2 ההתנהגויות הקיימות:

לפריטים שיש להם ילדים מוסיפים אירוע click/tap שמציג את תת-התפריט שלהם + מוסיפים להם את האייקון של החץ-למטה (כמו במובייל) שיבינו שאפשר לפתוח אותם.

אני מסכם משהו:

זה הקישור לאתר שבניתי:

http://shotokai.bkalut.co.il/

בדקתי את הטאב, למשל, "קאטות" - בטבלט של מערכת הפעלה "אנדרואיד", ואכן עם לחיצה הופיעו תתי-תפריט

בדקתי באייפד (לא חדש, אולי זה תלוי בגרסה) - וזה עבד לפעמים... קצת בעייתי

אם למישהו יש איזו הארה, אשמח !

תודה :-)

שריה