JQuery проверить ссылку - PullRequest
Новая
       3

JQuery проверить ссылку

1 голос
/ 11 июня 2010

1) У нас есть страница index.html с блоками: 

<body>
<div id="action1">One</div>
<div id="action2">Two</div>
<div id="action3">Three</div>
</body>

2) CSS 

body div { color: blue; }
body div.current { font-weight: bold; color: red; }

3) Другие страницы со ссылками на index.html и некоторыми целями: 

<a href="index.html#action1">Link to One</a><br/>
<a href="index.html#action2">Link to Two</a><br/>
<a href="index.html#action3">Link to Three</a><br/>

Вопрос , как поймать текущую цель ссылки на странице index.htmlи дать дополнительный класс для целевого блока.

Если текущая ссылка открытой страницы index.html#action1, то добавьте класс .current к <div id="action1">One</div> - станет <div id="action1" class="current">One</div>

Если index.html#action2 -> <div id="action2" class="current">Two</div>

и т. Д.

  • check # target
  • check id
  • if target= id addClass ("текущий") для блока с id

Спасибо.

1 Ответ

3 голосов
/ 11 июня 2010

Вы можете сделать это: 

$(function() {
  if(location.hash) $(location.hash).addClass("current");
});

При этом используется hash свойство местоположения (если оно есть), оно будет "#action1" в качестве селектора идентификатора , затем добавляет класс с помощью .addClass(), коротко и просто:)

...