페이지 이동 질문드립니다.
본문
https://www.aestura.com/web/event/list.do
위의 이벤트 페이지처럼 페이지 이동시 on클래스가 넣어지는것 같은데
$(function(){
$(".event_list ul li").click().addClass("on");
})
이렇게하면 다른 li 세개의 목록에 on이 들어와버립니다 ㅠ..
=> 버튼을 클릭하면 페이지가 전환되면서 li에 on이 추가되게하고싶어요
답변 1
페이지 이동이 발생하면 결국 스크립트로 넣은 클래스는 초기화될텐데요....
보통은 페이지 이동 후 페이지 네임 또는 도메인의 쿼리스트링을 참조하여 내부 active 클래스를 넣는 방법을 이용할 겁니다.
링크해주신 사이트 처럼 완전히 다른 페이지가 된다면 해당 페이지 시작 시 원하는 탭에 on 클래스를 넣어두는 방법도 있겠군요.
작성방법에 따라 다르겠지만 요청하신 스크립트로만 보자면
$(".event_list ul li").on("click", function() {
$(this).addClass('on');
});
으로 클릭한 본인이게만 클래스를 작성하면 가능할거같습니다.
안녕하세요. 답변 감사합니다. 하나더 여쭤보자면 위에서 말씀해주신 active클래스를 넣는 방법은 제가 참고할만한 사이트가 있을까요 ?
답변을 작성하시기 전에 로그인 해주세요.
