자바스크립트 문의드립니다..

자바스크립트 문의드립니다..

QA

자바스크립트 문의드립니다..

본문

안녕하세요..

class 가 on 되면 이미지명이 바뀌게 하고 싶은데요

 

<div class="step"><img src="img/logo_off.png"></div>

 

<div class="step on"><img src="img/logo_off.png"></div> 

이렇게 되면 logo_on.png 이미지로 바뀌게 하과 싶습니다.

파일은 전부 _on, _off 이런식으로 변경해놓은 상태구요..

 

 

 

$(function(){
  var step= $('.step');
  step.on(function(){
    step.attr('src','_on.png');
  });
});

 

이런식인것 같은데.. 안되더라구요

고수님들의 조언을 부탁드립니다..ㅠㅠ

이 질문에 댓글 쓰기 :

답변 3

step.find('img).attr('src','_on.png');

on 이벤트 시에 src 내용이 바뀌게 하던지, 아니면

visibility 속성으로 조절하시면 될 것 같습니다.

https://www.w3schools.com/cssref/pr_class_visibility.asp

 

아 그리고. JQuery는 Page가 다 load 되고 단 다음에 적용되는 것이지요?

onload 된 다음에 스크립트를 실행 해 주세요.

아니면 제대로 적용 안될수도 있어요..

다시 살펴보니 클래스가 변경 되었을때를 체크하시는걸 만드려고 하시는것 같네요.

DOMNodeInserted로 요소가 변경될시 리스닝 할 수 있습니다만

해당 클래스를 추가하는 이벤트가 일어날때 같이 실행하시는게 더 효율적입니다

답변을 작성하시기 전에 로그인 해주세요.
전체 123,146 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT