jquery animate 에 variable 사용하기
본문
html
<div id="something" data-direction="left"></div>
js
var direction = $("#something").data("direction");
$("#something").animate({direction: "200px"});
위와 같은 코드를 작성했는데요. animate 시 direction 값을 사용하려면 어떻게 해야 할까요?
data-direction 은 top, right, bottom, left 를 각각 지정할 수 있게 하려 합니다.
답변 3
자문자답입니다.
var direction = $("#something").data("direction");
var anim = {};
anim[direction] = "200px";
$("#something").animate(anim);
<code>
<div id="something" data-direction="left" onclick="direction()"></div>
<script>
//아마 이렇게 하면 해당 속성의 값을 가지고 올 수 있을꺼에요. 테스트는 안해봤습니다.
function direction(){
var direction = $("#something").attr(data-direction);
if(direction == 'left'){
$("#something").animate({direction: "200px"});
}else if(direction == 'center'){
$("#something").animate({direction: "200px"});
}
}
</script>
</cdoe>
앗 code를 잘못썻네요 자문자답하셨는데 이상한 답변을 한듯.. ;; ㅋㅋ
답변을 작성하시기 전에 로그인 해주세요.
