2011-03-14 7 views
0

아래 코드를 작동시키는 데 문제가 있습니다. 기본적으로 마우스 오버시 본체에 추가하여 요소를 이동하려고했습니다. 내 코드가 뭐가 잘못 됐어?이 요소를 추가하십시오

감사

<div class="wrp"> 
<p>this is a wrap</p> 
<p><img src="myimg.jpg" /></p> 
</div> 
<div class="wrp"> 
<p>this is a wrap2</p> 
<p><img src="myimg.jpg" /></p> 
</div> 
<div class="wrp"> 
<p>this is a wrap3</p> 
<p><img src="myimg.jpg" /></p> 
</div> 

<script type="text/javascript"> 
$(".wrp").hover(function(){ 
$("img", this).appendTo("body"); 
}); 
</script> 

예상 출력 : 당신이 우리에게 실제로 발생한 출력을 보여 주었다 경우

<html> 
<head/> 
<body> 
... 
<img src="myimg.jpg" /> 
</body> 
</html> 
+2

정확히 같습니다. [Here] (http://jsfiddle.net/hCC2H/)는 물론 이미지가 깨진 jsfiddle이지만 여전히 원하는 작업을 수행 할 수 있습니다. – Pointy

+0

나는'.wrp'와'이미지 '를 움직이기 때문에 이미지가 몸과 이미지로 옮겨 질 것이므로'$ (this) .find ('img ') .appendTo ('body')' – Val

+1

@Val 아니,'$ ('img', this)'는 - $ (this)와 동일 함 .find ('img') – Pointy

답변

1

편리 할 것이다. 하지만 그

시도가 대신 다음을 수행 ... 점 외에이다 : 나는 그것을 테스트하지 않았습니다

<script type="text/javascript"> 
$('.wrp > img').hover(function(){ 
$(this).appendTo('body'); 
}); 
</script> 

, 내 머리 위로 떨어져 있습니다. 그러나 그것은 효과가있다.

+0

게시 한 코드가 정상적으로 작동합니다. – Pointy

+1

이 코드는 질문의 코드가 같다고 생각합니다. – YNhat

관련 문제