условие определенной страницы jQuery
Есть ul меню, в котором на определенной странице к li с определенным именем применяются некоторые css свойства. На каждой страницы применяются разные свойства. Хотелось бы объединить все в один скрипт, чтобы в head'e документа не писать его каждый раз заново.
Меню: <ul class="menu"> <li name="index"> <a href="/"> <img src="/img/index.png" alt="Main" border="0" width="125" height="35"/> </a></li> <li name="contacts"> <a href="/contacts"> <img src="/img/contacts.png" alt="Contacts" border="0" width="125" height="35"/> </a></li> <li name="manufacturers"> <a href="/manufacturers"> <img src="/img/manufacturers.png" alt="Manufacturers" border="0" width="125" height="35"/> </a></li> <li name="partners"> <a href="/partners"> <img src="/img/partners.png" alt="Partners" border="0" width="125" height="35"/> </a></li> <li name="fittings"> <a href="/fittings"> <img src="/img/fittings.png" alt="Fittings" border="0" width="125" height="35"/> </a></li> <li name="about"> <a href="/about"> <img src="/img/about.png" alt="About" border="0" width="125" height="35"/> </a></li> </ul> Нужно сделать условия: $(document).ready(function() { если адрес страницы "/contacts", то { $('ul.menu li[name="contacts"]').attr('name', 'active'); $('ul.menu li[name="active"] > a').removeAttr('href'); $('ul.menu li[name="fittings"]').css({border: '0'}) } если адрес страницы "/", то { $('ul.menu li[name="index"]').attr('name', 'active'); $('ul.menu li[name="active"] > a').removeAttr('href'); } }); и так далее :) а лучше "если адрес страницы начинается с "/about", то {}" |
Часовой пояс GMT +3, время: 14:49. |