제이쿼리 조언 부탁드리겠습니다.

Question

hover시 div태그를 추가하는 간단한 제이쿼리를 함수 선언을 통해 다음과 같이 작성했습니다. function listMore(){ $(".listMore").remove(); $(this).append("

자세히 보러가기 >

"); }; $(".w1200 ul li a").hover(listMore);그런데 문제는 a태그의 영역에서 마우스를 커서를 치웠는데도 div가 사라지지 않습니다. 그리고 특정 부모 요소를 가지고 있는 경우에도 작동하지 않기를 희망하는데 어떻게 수정하면 좋을지 조언 부탁 드리겠습니다.

RWB · Accepted Answer

hover했을 때, div를 생성하니, 당연히 hover가 아웃됐을 때 생성한 div를 지워줘야합니다. $('.w1200 ul li a').hover(&#34;hover 함수&#34;, &#34;hover out 함수&#34;)위 처럼 함수 두 개를 집어넣으시면 hover, hover out 할 때 동작을 각각 지정할 수 있습니다. 저라면 애초에 div를 미리 생성해서 opacity 0으로 주고, hover 시 opacity 1로 바꿔 보이게끔 구성할 것 같네요. 특정 부모 요소는 제외하고 싶다면, selector에서 적절히 제외하시면 됩니다. $('.w1200 ul:not(.special) li a').hover(listMore); 위 처럼 하시면 ul 태그 중 클래스가 special인 태그는 제외하고 적용됩니다.

웹퍼블리셔 · Answer

넵 감사합니다.

제이쿼리 조언 부탁드리겠습니다.

2개의 답변

Q&A 목록