نشان دادن حالت انتخاب شده ی عناصر در منو

بازدید51.1kپست ها1آخرین فعالیت4 سال پیش
1
0

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

آخرین ویرایش: 19-01-2016 ساعت 13:11، توسط maynoush
0

سلام
میشه از روی  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>

http://uplod.ir/vcvuoiq25tee/web.zip.htm

سوال برنامه نویسی دارید؟

هیچ وقت در پرسیدن سوال شک نکنید

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.