개발 Q&A

제목 jquery 질문입니다. 셀럭터 질문요.
글쓴이 코드원 작성시각 2012/05/23 12:31:08
댓글 : 1 추천 : 0 스크랩 : 0 조회수 : 18794   RSS

CI입문 초보입니다. 

지금 메뉴를 선택하면 선택한 건 css 가 적용되고 나머지는 removeClass를 이용하여 해당 셀렉터를 전부 지울려고 합니다

하지만 a태그에 링크가 걸려 있을 경우 페이지가 로딩이 되면 해당 스크립트가 리셋되는거 같습니다.

어떻게 하면 해결할 수 있을까요?

아래는 간단한 소스 입니다.

<div class="menu">
<ul>
<li><a href="http://naver.com"></li>
<li><a href="http://naver.com" class="my"></li>
</ul>
</div>
$(document).ready(function() {
 $('.menu ul li a').click(function(index){
  $('.menu ul li a').removeClass("my");
  $(this).addClass("my");  
 }) 
});
위와 같이 처리했을 경우 페이지가 로딩이 되면 제대로 적용이 안되는 거 같습니다.

이 경우 어떤식으로 처리를 해야하나요?
 다음글 2.1 버전에서는scaffolding 이 없는건가용? (2)
 이전글 이거참 어렵네요. 심심하신분 살짝 읽어보시고 알고 계시... (4)

댓글

인스카 / 2012/05/23 12:50:39 / 추천 0
지금 메뉴를 선택하면 선택한 건 css 가 적용되고 나머지는 removeClass를 이용하여 해당 셀렉터를 전부 지울려고 합니다
-> 지금 메뉴를 선택한다는게 anchor(a tag) 선택을 말씀하시는건가요?
그렇다면 그 메뉴를 선택함과 동시에 페이지가 이동하는게 맞고, 그럼 페이지가 새로 로딩되는게 맞죠..

이것을 jQuery로 처리를 하시는 것보다 서버사이드에서 현재 URL을 확인하여
여기에 my 라는 클래스를 적용해야 할 것 같네요..

'click' 이벤트를 바인딩 하지 말고, 페이지가 로딩된 후에 class가 적용되게 수정해야하지 않을까 싶네요.