spring으로 홈페이지 제작시 jquery - 마우스를 사진에 올릴 때

Question

목적은 마우스를 사진에 올리면 <li class&#61;&#34;hover&#34;> 가 되는게 목표입니다. 그에 맞게 css는 준비되어있는데.. addclass가 되질 않습니다. 이유가 뭘까요?? (원래는 $('.slidePoster li') 이거였는데 안되서 $('.slidePoster .slide ul li')로 바꿔보았습니다.)

초코쪼꼬 · Answer

우선 중요한건.. 콘솔창에$(&#34;.slidePoster > .slide > ul > li&#34;) 로 만 쳤을때 length가 1이상이 나와야 합니다. 그걸 확인해보고 답변주세요.

초코쪼꼬 · Answer

그리고 jquery에는 hover 라는 event가 있을텐데.. 그걸로 변경도 해보세요.

촉촉한개발 · Answer

콘솔창에 어떻게 치나요??

초코쪼꼬 · Answer

f12 누르고 콘솔창으로가서 치세요.

촉촉한개발 · Answer

입니다.

촉촉한개발 · Answer

말씀하신 hover도 알아봤습니다. $(&#34;.slidePoster li&#34;).hover(function(){ $(this).addClass('hover');}, function(){ $(this).removeClass('hover');}); 이렇게 바꿔봤는데 안되네요..

초코쪼꼬 · Answer

$(&#34;.slidePoster li&#34;). 이것도 $(&#34;.slidePoster > .slide > ul > li&#34;) 이것과 length가 똑같이 나오나요?

촉촉한개발 · Answer

네 찾아보니 읽어오는 순서때문이라고 해서 위에다가 $function 붙이면 되네요근데 js불러오는건 안되는데 음..

20170923 · Answer

스크립트를 body안으로 넣어보세요

spring으로 홈페이지 제작시 jquery - 마우스를 사진에 올릴 때 <li class="hover">

9개의 답변

#homepage 목록