Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   условие определенной страницы jQuery (https://javascript.ru/forum/events/18216-uslovie-opredelennojj-stranicy-jquery.html)

makingpretty 22.06.2011 11:03

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

ksa 22.06.2011 11:16

Цитата:

Сообщение от makingpretty
Хотелось бы объединить все в один скрипт, чтобы в head'e документа не писать его каждый раз заново.

Не обязательно писать весь скрипт... Как вариант, ему можно передать нужный параметр.

makingpretty 22.06.2011 11:18

Цитата:

Сообщение от ksa (Сообщение 109882)
Не обязательно писать весь скрипт... Как вариант, ему можно передать нужный параметр.

Он небольшой так то
Но мне проще подключить один файл и не париться

ksa 22.06.2011 11:20

Цитата:

Сообщение от makingpretty
мне проще подключить один файл и не париться

Так оформи его функцией... И вызывай её с нужным параметром...

makingpretty 22.06.2011 11:23

Цитата:

Сообщение от ksa (Сообщение 109887)
Так оформи его функцией... И вызывай её с нужным параметром...

присвоить разные var к .attr('name', 'active'); .removeAttr('href'); и .css({border: '0'}) и применять к разным объектам?

я просто еще не сильно силен в jquery

ksa 22.06.2011 11:51

Цитата:

Сообщение от makingpretty
я просто еще не сильно силен в jquery

А я его вообще не использую... :D

nikita.mmf 22.06.2011 11:55

Если скрипт, небольшой и используется на разных типах страниц, то лучше оставить его в head для каждого типа страниц, как ни как минус один коннект на сервер

makingpretty 22.06.2011 12:11

Цитата:

Сообщение от nikita.mmf (Сообщение 109897)
Если скрипт, небольшой и используется на разных типах страниц, то лучше оставить его в head для каждого типа страниц, как ни как минус один коннект на сервер

Спасибо.


Часовой пояс GMT +3, время: 22:40.