• نشان دادن حالت انتخاب شده ی عناصر در منو
    #1
    سلام
    یه منو  طراحی کردم که وقتی روی عناصر منو و زیر منوها میرم دورشون یه کادر با پس زمینه رنگی قرار میگیره.مثل همین جا که وقتی رو منو حرکت میکنی یکم رنگ زمینه عوض میشه.
    مشکل: وقتی رو منو کلیلک میکنم و صفحه عوض میشه اون کادر رنگی از اطراف عنوانم محو میشه.
    سوال: چطور پیاده سازی کنم که وقتی رو عناصر منو کلیلک میکنم و صفحه عوض میشه اون پس زمینه ی رنگی محو نشه و نشون بده که چه عنوانی در حالت انتخاب شده است؟؟
    ممنون میشم راهنمایی کنید.

    آخرین ویرایش: 19-01-2016 ساعت 13:11، توسط maynoush
    پاسخ
    #2
    سلام
    میشه از روی  URL فعلی فهمید تو کدوم صفحه هستیم و بعد المنت a مربوط رو بهش استایل بدیم

    کد:
    <nav>
        <ul>
            <li><a href="home.html">Home</a></li>
            <li><a href="contact.html">Contact Us</a></li>
            <li><a href="about.html">About</a></li>
        </ul>
    </nav>    

    <script>
    $(function() {
     $('nav a[href^="' + location.pathname.split("/").pop() + '"]').addClass('active');
    });
    </script>



    پاسخ
    ایجاد موضوع جدید   پاسخ به موضوع  

    کاربرانِ درحال بازدید از این موضوع:   1 مهمان