테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

제이쿼리 질문입니다! 채택완료

흐어어어어 6년 전 조회 3,239
답변 2
목록

사진을 하나 선택했을 때 

$(function(){         $(".slick-slide img").click(function(){             $(this).css('border', "solid 7px #04a5e9");         });     });

이렇게 표현을 해줬는데 누른 사진 한개만 변하는건 되는데 다른 사진을 클릭했을땐

전에 클릭했던 사진의 css는 없어져야 해요ㅜㅜ 그리고 또 누른 사진에 다시 css가 적용되야 하구요...

어떻게 써줘야 할까요ㅜㅜ 너무 초보라... 사진은 11개입니다...

(각각 다른 사진을 눌렀을때 그 누른 사진들만 border가 생겨야함)

#그누보드5 #영카트5
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
루미집사

클릭한 이미지의 속성이 바뀌기전에 모든 사진에 대한 속성을 먼저 없애준후 클릭한 이미지만 바뀌도록 하면되지 않을까 생각되네요..

 

$(function(){         $(".slick-slide img").click(function(){             $(".slick-slide img").css('border', '0');

             $(this).css('border', "solid 7px #04a5e9");          });     });

 

 

 

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

답변에 대한 댓글 1개

�
흐어어어어
6년 전
이걸로 해결되었습니다!!

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

티로그
티로그
6년 전

</p>

<p>$(function(){

    $(".slick-slide img").click(function(){</p>

<p>        $(".slick-slide img").css('border','node');

        $(this).css('border', "solid 7px #04a5e9");

    });</p>

<p> });</p>

<p>

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

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

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

로그인