2013-07-15 4 views
0

내 HTML 및/또는 CSS가 문제를 찾는 데 필요하지만 클릭했을 때 이미지에 바운스 효과를 호출했는지 바운스 전/도중 화면. 왜 이것이지? 내가 가진 : (입력 포함) 다른 div의 오른쪽에있는 이미지와 그들의 jQuery - 화면에서 객체의 위치를 ​​변경하지 않고 튀는 효과

편집

을 수신 거부에 대한 화면 하단 중간에 점프와

$('img').click(function() { 
     $(this).effect('bounce', {times:3}, 300); 
}); 

: 여기 jsFiddle입니다 : http://jsfiddle.net/ep6wG/1/ (이미지해야 바운스)

+0

무엇이 질문입니까? – Raptor

+0

이 코드를'jsFiddle' 또는 이와 유사한 것을 문제를보기 위해 넣을 수 있습니까? –

+0

아, 좋은 생각에 대해 잊어 버렸습니다! http://jsfiddle.net/ep6wG/ 편집 : 죄송합니다, 여기 오른쪽 링크입니다. http://jsfiddle.net/ep6wG/1/ – Instinct

답변

1

확인 당신은 다음과 같은 CSS를 설정할 수 있습니다이 DEMO http://jsfiddle.net/yeyene/nmy3V/

.

#content { 
    float:left; 
    width:100%; 
    margin:100px 0 0 0; 
    background:red; 
} 
#content img { 
    position:absolute; 
    width:100px; 
    height:120px; 
} 
#content input { 
    float:left; 
    margin:50px 0 0 120px; 
} 
#content div { 
    float:left; 
    margin:100px 0 0 10px; 
} 
+0

흠, CSS에는 위치/마진을 사용하고 있습니다. 영향을 미칠 수 있습니다. ? 원래 jsFiddle을 추가하는 것을 잊어 버렸습니다. http://jsfiddle.net/ep6wG/1/ – Instinct

+1

예, 바운스 오브젝트에 위치를 사용하지 않으면 레이아웃이 적용됩니다. 평소와 같이 float/margin을 사용하되 바운스 객체는 예제에서와 같이 위치를 사용하십시오. – yeyene

+0

오, 고마워. 그리고 그것은 명백하게 아직도 위치의 아래에서 엉망이 될 수있다 : 친척 그렇게 절대 사용해야합니까? – Instinct