제이쿼리 코드 질문
후니후니훈이
3년 전
조회 1,932
.xans-product-additional #prdDetail img 가 display:inline-block 일때 act 클래스를 부여 하고 싶어서
아래와 같이 코드를 짲는데, 혹시 어디서 문제가 있을까요?ㅠㅠ
$(function(){ if($('.xans-product-additional #prdDetail img').css('display') == 'inline-block'){ $('.xans-product-additional #prdDetail img').addClass('act'); }else{ $('.xans-product-additional #prdDetail img').removeClass('act'); } });
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
3년 전
저도 확실하진 않은데 , 따로 스타일을 display:inline-block 지정해주지않으면 아마 저게 값이 안가져올거같은데요,
보여질때 , 안보여질때를 구분하고싶으신거면
.is(':visible') 한번 사용해보시는게 어떨지
</p>
<p>if ($('.xans-product-additional #prdDetail img').is(':visible')) {</p>
<p> //보여지는중</p>
<p>} else {</p>
<p> //안보여지는중</p>
<p>}</p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
후니후니훈이
3년 전
inline-block 요소와 block 요소를 구분해서 선택하고 싶어서요~ㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 3개
�
후니후니훈이
3년 전
넵넵 위와 같이 맞습니다~!
�
냠냠이
3년 전
콘솔로 이미지 찍어보면 inline으로만 나옵니다.
.xans-product-additional img { display: inline-block; }
이런식으로 아예 첨부터 inline-block을 지정해 주셔야 할거 같아요...
아니면 조건에서 inline 일때 addclass를 주셔도 될거 같고요
.xans-product-additional img { display: inline-block; }
이런식으로 아예 첨부터 inline-block을 지정해 주셔야 할거 같아요...
아니면 조건에서 inline 일때 addclass를 주셔도 될거 같고요
�
후니후니훈이
3년 전
넵 감사합니다~!
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인