#jquery #hyperlink #hover #cufon
#jquery #гиперссылка #наведение #cufon
Вопрос:
сразу же я просто хочу предварительно поблагодарить всех, кто вмешивается. stackoverflow заставляет меня немного лучше относиться к человечеству.
ПРОБЛЕМА: у меня есть «одностраничный» сайт, где основной контент перезагружается через ajax, но навигация и нижний колонтитул остаются прежними. Я использую шрифты Cufon для навигации и Jquery, чтобы прикрепить класс «current» к текущей ссылке. По какой-то причине состояние зависания сохраняется даже после удаления текущего класса и добавления его в другую ссылку.
HTML: <nav id="banner"><ul><li><a>1</a></li><li><a>2</a></li></ul></nav>
CUFON: Cufon.replace('#banner a',{fontFamily: 'Gotham-Book', fontStyle: 'normal', hover: true});
ФУНКЦИЯ ЩЕЛЧКА: $("nav").delegate("a", "click", function() {
window.location.hash = $(this).attr("href");
$("#banner nav a.current").removeClass("current");
$(this).addClass("current");
return false;
});
CSS:
#banner {color: #000;}
#banner a:hover {color: #be1e2c;}
#banner nav ul li a.current {color: #be1e2c;}
Ответ №1:
В вашей функции click после $(this).addClass("current"); add Cufon.refresh(); этот вызов необходим каждый раз, когда вы вносите изменения в текст Cufon.