۳ عیلرضا شهریاری
سوال درباره بازشدن زیرمنو هنگام کلیک کردن
جامعه Html & CSS ایجاد شده در ۲۶ شهریور ۱۴۰۰

سلام و درود

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

li.has-sub-menu:focus-within ul.sub-menu {

    displayblock;

    } 

 

اما وقتی روی آیتم مورد نظرم کلیک میکنم تا زیر منو باز بشه, صفحه رفرش میشه و به ابتدای سند میره.

.چیکار بکنم که فقط زیر منوم باز بمونه

ul که کلاس sub-menu داره درون تگ a قرار نگرفته؟

وحید صالحی ۲۷ شهریور ۱۴۰۰، ۱۰:۵۲

کدهایی که نوشتم مشابه اونچه در ویدیو آموزش دادین به شکل زیر:

اما هنوز نتونستم ایرادشو پیدا کنم. و بفهمم چرا با کلیک روی ‘دوره‌های آموزشی’ صفحه رفرش میشه؟

 

    <div class="div-10">

        <nav class="nav-menu">

            <ul class="ul-menu">

                <li><a href="">خانه</a></li>

                <li class="has-sub-menu">

                    <a href="">دوره های آموزشی</a>

                    <ul class="sub-menu">

                        <li><a href="#">طراحی سایت</a></li>

                        <li><a href="#">جاوااسکریپت</a></li>

                        <li><a href="#">رابط کاربری</a></li>

                    </ul>

                </li>

                <li><a href="">درباره ما</a></li>

                <li><a href="">تماس با ما</a></li>

                <li><a href="">پشتیبانی</a></li>

            </ul>

        </nav>

 

عیلرضا شهریاری ۲۸ شهریور ۱۴۰۰، ۰۷:۴۷

اگر مثل کدهای ما در دوره باشه قطعا نباید مشکلی باشه چون توی ویدئو می‌بینید که بدون مشکل کار می‌کنه قطعا یجایی رو استباه کردید به هر حال مقدار اتریبیوت href  رو از تگ a مورد نظر بگیرید به شکل زیر :

 

     <a >دوره های آموزشی</a>
بهترین پاسخ
وحید صالحی ۳۰ شهریور ۱۴۰۰، ۱۱:۱۱