اشکال در باز نشدن زیر منوها در Blazor

پاسخ هوش مصنوعی

به نظر می رسد که مشکل شما ناشی از رفتار CSS یا جاوا اسکریپت پس از تغییر صفحه است. برای حل این مشکل، می توانید از یک تابع جاوا اسکریپت برای مدیریت باز و بسته شدن زیرمنوها استفاده کنید. در زیر یک مثال ساده از این روش آورده شده است:

document.addEventListener("DOMContentLoaded", function() {
    const menuToggle = document.querySelectorAll('.menu-toggle');

    menuToggle.forEach(item => {
        item.addEventListener('click', function(event) {
            event.preventDefault(); 
            const submenu = item.nextElementSibling;
            submenu.classList.toggle('show'); // نشان دادن یا پنهان کردن زیر منو
        });
    });
});

و برای CSS شما ممکن است نیاز به اضافه کردن یک کلاس برای مدیریت نمایش زیر منوها داشته باشید:

.ml-menu {
    display: none; /* به طور پیش فرض پنهان است */
}

.ml-menu.show {
    display: block; /* زمانی که کلاس show اضافه می شود، نمایش داده می شود */
}

اطمینان حاصل کنید که این جاوا اسکریپت به درستی در صفحه شما بارگذاری شده باشد و همچنین کلاس های CSS به درستی به زیر منوها اضافه شده اند. اگر از کامپوننت های Blazor استفاده می کنید، مطمین شوید که کد جاوا اسکریپت پس از بارگذاری کامپوننت ها اجرا می شود.