jquery로 가운데 div를 오른쪽에서 위로 이동

Question

나는 margin : auto가있는 페이지의 가운데에 div가 있습니다.

<div id="click"></div> 

클릭하면 100px 왼쪽으로 슬라이드하고 싶습니다. 이것은 시도한 jquery이지만 작동하지 않는 것 같습니다.

$("#click").click(function(){ 
$(this).animate({"left":"+=100px"}, "slow"); 

});

이것은 js fiddle입니다.

내가 잘못 가고있는 사람이 누구인지 설명 할 수 있습니까? 이처럼

Answer 1

변경 :
CSS :

#click { 
position:relative; 
width: 50px; 
height: 50px; 
background: yellow; 
margin:auto; 
} 

스크립트 :

$("#click").click(function(){ 
$(this).animate({"left":"+100px"}, "slow"); 
}); 

당신은 the div에 position: relative의 속성을 추가하고 +=100px+100px에 변경해야합니다.
이유는 다음과 같습니다. 요소는 페이지의 일부 위치를 흐르게하기 위해 position:relative 또는 position:absolute이어야합니다. 자세한 내용은
: click this. 이 JSFiddle