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

Question

Я в настоящее время здание 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

Answer 1

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

function($) { 

должно быть:

$(function() { 

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

Answer 2

Хотя это является удивительным, вам на самом деле не нужен jQuery для этого, поскольку у вас есть отдельный файл HTML для каждой страницы. Вы можете просто нарисуйте каждую конкретную кнопку для соответствующей страницы, чтобы ее начальное состояние не было. например, вы можете добавить «текущий» класс к домашней кнопке на index.html. И текущий имел бы 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 - только «/». Но работает на других, так что вам нужно идти.