2013-04-15 3 views
3

내 jquery 지식은 기껏해야 부드럽습니다.웨이 포인트를 사용하여 nav에서 li 배경 변경

나는 이것을 파악할 수 없다. 기본적으로 나는 긴 페이지에서 UL LI를 사용하는 간단한 끈적한 수평 탐색 바를 가지고 있습니다. 탐색 막대 li 항목이 페이지의 어떤 부분에 따라 색상을 변경하기를 원합니다. 이 페이지는 http://www.pandlmedia.com/index.php/index_new과 비슷하지만 링크가 바뀌는 대신 수평으로 만 표시되며 li 항목의 전체 bg가 흰색으로 변경됩니다.

배경을 파란색에서 흰색으로 변경하지만 작동하지 않는 새 클래스 .menuwhite ul li로 항목을 전환하려고합니다. 내가 여기서 잘못하고있는 것에 대한 도움이 필요합니까?

바이올린 :

$(".wphistory").waypoint(function(event, direction) { 
     if (direction === 'down') { 
     $('#menu').toggleClass('menuwhite'); 
     } 
     else { 
     $('#menu').removeClass('menuwhite'); 
     } 
    }); 
}); 

답변

1

http://jsfiddle.net/Z2rRt/ 나는 두 가지를 발견했습니다. 그 event 매개 변수는 기능을 망쳐 것으로 보인다. 또한 큰 질문입니다. div가 실제로 .menu 일 때 #menu에 수업을 토글하는 이유는 무엇입니까? :) (클래스가 아닌 ID). 또한 :

http://jsfiddle.net/Z2rRt/3/

+0

먼저 오프 도움말 칼로 얀과 풍어에 대한 감사 .. 난 그냥 대신 ID의 클래스로 그것을 놓치지-입력해야합니다. 이것은 제가 앞서 생각하지 않은 다른 것을 가져옵니다. .menu 수준에서 클래스를 변경하면 전체 메뉴와 텍스트가 흰색으로 바뀝니다. 반면, 나는 단지 "개요"에 대한 단일 li 항목이 파란색 배경의 흰색 배경으로 변경되기를 원합니다. –

+1

이것을 확인하고, 내가하고있는 일을보기 위해 의견을 추가했습니다. - http://jsfiddle.net/Z2rRt/5/ – Kaloyan

+0

굉장하고, 이해할 수 있도록 의견을 추가해 주셔서 감사합니다. 배경색 추가 : #white! important는 내가 필요한 효과를 준다. http://jsfiddle.net/AGhyM/1/ 모든 도움을 주셔서 다시 한번 감사드립니다. Kaloyan –

관련 문제