קפיצה לראש העמוד בעת לחיצה על Toggle/ספוילר

אהלן,

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

עם זאת,
מהיום הראשון נתקלתי בתקלה מרגיזה (מאד) ש-בעת פתיחת Toggle מתוך הפיצ׳ר ספוילר, יש קפיצת רפאים לראש העמוד.
חפרתי וחרפתי, ולא מצאתי פתרון, מתוך יאוש העלתי בפני חברי הטוב איל בוגרמן (מנכ״ל 10bit), והוא הציע את הפתרון הבא;

הכנס/י את הקוד הזה בקובץ סקריפטים או בעמוד הטמפלייט בתוך תגיד script.

        jQuery(function ($) {
            $(document).ready(function () {
                $('.elementor-tab-content').slideUp();
            })
        })

כל התודות כמובן לאיל.

לפוסט הזה יש 4 תגובות

  1. גיל

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

  2. נסים

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

  3. עידו

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

    שימוש בקוד הבא מייצר טריגר ראשון ללא השפעה נוספת על הטאבים ובכך מונע את הבאג בטריגר בלחיצה הראשונה. הלחיצה הראשונה לכאורה מבוצעת ברגע שה – DOM נטען.

    jQuery(function ($) {
    $(document).ready(function () {
    $('.elementor-toggle-item').slideDown();
    })
    })

    1. מתן מועלם

      מעולה עידו.
      תודה.

כתיבת תגובה