테스트 사이트 - 개발 중인 베타 버전입니다

페이지 이동 질문드립니다. 채택완료

바나라바 4년 전 조회 1,930

https://www.aestura.com/web/event/list.do

 

위의 이벤트 페이지처럼 페이지 이동시 on클래스가 넣어지는것 같은데

 

$(function(){

$(".event_list ul li").click().addClass("on");

})

이렇게하면 다른 li 세개의 목록에 on이 들어와버립니다 ㅠ..

 

 

=> 버튼을 클릭하면 페이지가 전환되면서 li에 on이 추가되게하고싶어요

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

페이지 이동이 발생하면 결국 스크립트로 넣은 클래스는 초기화될텐데요....

보통은 페이지 이동 후 페이지 네임 또는 도메인의 쿼리스트링을 참조하여 내부 active 클래스를 넣는 방법을 이용할 겁니다.

링크해주신 사이트 처럼 완전히 다른 페이지가 된다면 해당 페이지 시작 시 원하는 탭에 on 클래스를 넣어두는 방법도 있겠군요.

 

작성방법에 따라 다르겠지만 요청하신 스크립트로만 보자면

 

$(".event_list ul li").on("click", function() {

$(this).addClass('on');

});

으로 클릭한 본인이게만 클래스를 작성하면 가능할거같습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

바나라바
4년 전
안녕하세요. 답변 감사합니다. 하나더 여쭤보자면 위에서 말씀해주신 active클래스를 넣는 방법은 제가 참고할만한 사이트가 있을까요 ?

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인