스크립트수정 부탁드립니다.

2018.03.30 15:52:07 조회 1745 (59.♡.♡.254)

본문

탭메뉴로 마우스오버했을시 이미지가 변경되는 스크립트를 사용중입니다.

변경하고싶은건 마우스오버가 아니라 클릭했을때 이미지가 변경되게 수정했으면좋겠습니다.

.hover 부분을 .click으로 변경해서 테스트해봤는데 안되더라고요 다른방법있으면 부탁드리겠습니다.

$(function(){
       $(".paySK_tabContent > .paySK_content:gt(0)").hide();


       $(".paySK_tab > ul > li").hover(
           function(){
               var index = $(this).index();
               $(".paySK_tabContent > .paySK_content").hide();
               $(".paySK_tabContent > .paySK_content").eq(index).show();
               $(".paySK_tab > ul > li").removeClass("on");
               $(".paySK_tab > ul > li").eq(index).addClass("on");
           },
           function(){
               //object out
           }
       );
   });

#스크립트

답변 1

배모씨 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2018-03-30 16:07:09 14.♡.♡.74

이렇게 하면 될까요?


$(function(){
 $(".paySK_tabContent > .paySK_content:gt(0)").hide();
 $(".paySK_tab > ul > li").on('click',function(){
   var index = $(this).index();
   $(".paySK_tabContent > .paySK_content").hide();
   $(".paySK_tabContent > .paySK_content").eq(index).show();
   $(".paySK_tab > ul > li").removeClass("on");
   $(".paySK_tab > ul > li").eq(index).addClass("on");
 });
});