Показать сообщение отдельно
  #1 (permalink)  
Старый 22.06.2011, 11:03
Новичок на форуме
Отправить личное сообщение для makingpretty Посмотреть профиль Найти все сообщения от makingpretty
 
Регистрация: 21.06.2011
Сообщений: 7

условие определенной страницы 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", то {}"

Последний раз редактировалось makingpretty, 22.06.2011 в 11:09. Причина: уточнил
Ответить с цитированием