Jquery Показать текущую страницу в раздвижных дверях навигации - PullRequest
Новая
       20

Jquery Показать текущую страницу в раздвижных дверях навигации

0 голосов
/ 13 июля 2009

Я сейчас строю www.scenes-online.co.uk/test/

У меня есть этот код, скользящий вверх и вниз по ссылкам при наведении курсора, используя jquery ... 

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type="text/javascript">

google.load("jquery", "1.3.2"); //load version 1.3.2 of jQuery

google.setOnLoadCallback(function() {
  jQuery(
        function($) {
$("a.button").hover(   function() {      $(this).animate({"marginTop": "-     4px"}, "800");   },   function() {      $(this).animate({"marginTop": "-     14px"}, "800");   });  

  });
});
</script>

Мне нужно, чтобы на текущей странице была ссылка в состоянии «вниз» на полях: -4px, но все, что я пытаюсь - это избавиться от моих раздвижных дверей ...

спасибо заранее

Приветствия

Stu

Ответы [ 2 ]

2 голосов
/ 13 июля 2009

Хотя это круто, для этого вам не нужен jQuery, так как у вас есть отдельный HTML-файл для каждой страницы.Вы можете просто стилизовать каждую конкретную кнопку для соответствующей страницы, чтобы ее начальное состояние было недоступно.Например, вы можете добавить класс current к кнопке home в index.html.И current будет иметь margin-top: -4px, объявленный в css.

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

 $('a.button').each( function(idx, el) {
    if (el.href === window.location.toString()) {
      $(el).css('marginTop','-4px');
    }
 });

Это очень легко сломается.Например, если вы используете строки запроса или хэши и не обновляете href.фактически, приведенный выше пример не работает, например, на целевой странице (поскольку href - это «index.html»), но window.location - это только «/».Но работает на других, так что это должно помочь вам.

0 голосов
/ 13 июля 2009

хорошо, у вас есть ошибка здесь: 

function($)  {

должно быть: 

$(function () {

может быть, в этом проблема

...