نشان دادن حالت انتخاب شده ی عناصر در منو
#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 مهمان