-
תגובות
-
בעמוד פוסטים –> גריד 3 , התצוגה של הדיבים בתוך מזהה "grid-items", כל דיב עם קלאס "grid-item" מקבל style inline של position right top לפי המיקום שלו בתוך הדיב והגודל של החלון. אם החלון קטן, או גדל, הוא מקבל את הפרמטרים האלה שוב מעודכנים.
בניתי מסננת בJS בעמוד הזה (מציג רק סאב קטגוריה מסויימת בלחיצה על הסאב קטגוריה), הכול עובד פיקס, הבעיה היא שיש יש רווחים ריקים בגלל שStyle inline לא מעודכן.
מה הפונקציה שנותנת לאלמנטים .item-grid את הStyle inline של position right top ב resize window?
אני חושב שאם אריץ אותו שוב אחרי הסינון זה יפתור לי את הבעיה.
מספיק שתכוונו אותי לקובץ/שורה בקובץ.תנסה לשלוח Trigger ל-window שעשית "בכאילו" resize לעמוד. ואז זה יעדכן לך את האלמנטים לפי המיקום הנכון שלהם.
נגיד ככה:
jQuery( window ).trigger( 'smartresize' );אבל מה שכן, אם אתה רק רוצה להעלים אלמנטים, תשתמש כבר בממשק של ה-isotope (ה-method נקרא filter).
אתה יכול לצפות איך אנחנו עושים את זה בתבנית, בקובץcore/assets/js/pojo-scripts.jsהחלק המעניין מתחיל משורה 121 (הפונקציה נקראת:initIsotope).בהצלחה לך 🙂
הטריגר לא עבד כמו שהוא, אבל זה בגלל שניסיתי לעקוף את הבעיה ולבנות HTML חדש כל "העלמה", וחסר לו חלק מהאלמנטי המקוריים כנראה.
אני אנסה עם הסקריפט שלכם.
תודה רבהכמובן שאת כל הקוד אתה כותב בקובץ JS משלך, ולא עורך שום חלק בתבנית.
בסוף הטריגר עבד מעולה.
אם מישהו יצטרך פעם וירצה בלי לחפור בכל הקוד אצלכם:
jQuery(document).ready(function() {
jQuery(".sub-cat-in-cat-title a").click(function() {
selectedCat = jQuery.trim(jQuery(this).text());
jQuery(".grid-item").show();
jQuery(".sub-cat-above-cat").each(function() {
subText = jQuery.trim(jQuery(this).text());
subTextArr = subText.split(" , ");
if (jQuery.inArray(selectedCat, subTextArr) < 0) {
jQuery('#' + jQuery(this).parent().attr("id")).hide();
}
});
jQuery(window).trigger('smartresize');
})
jQuery("#show-all-sub-cats").click(function() {
jQuery(".grid-item").show();
jQuery(window).trigger('smartresize');
})
})
הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.