jquery animate 에 variable 사용하기 채택완료

지운아빠 10년 전 조회 4,322

html

</p><p><div id="something" data-direction="left"></div></p><p>

</p><p>var direction = $("#something").data("direction"); </p><p>$("#something").animate({direction: "200px"});</p><p>

위와 같은 코드를 작성했는데요. animate 시 direction 값을 사용하려면 어떻게 해야 할까요?

data-direction 은 top, right, bottom, left 를 각각 지정할 수 있게 하려 합니다.

#jquery

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

정렬:

용좌

10년 전

앗 code를 잘못썻네요 자문자답하셨는데 이상한 답변을 한듯.. ;; ㅋㅋ

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

용좌

10년 전

"something" data-direction="left" onclick="direction()">



                                    
                                    
                                        
                                                                                            
                                                    로그인 후 평가할 수 있습니다



                                
                                
                                    
                                        
                                        
                                        
                                
                                                                
                                                                
                                
                                                                    
                                        
                                            댓글을 작성하려면 로그인이 필요합니다.


                                                    
                                                                
                                
                                    
                                    
                                        
                                                                                            
            
        
        
        
    
    
                                                
                                                    
                                                        
                                                            지운아빠
                                                        
                                                                                                            
                                                    10년 전
                                                
                                                                                    

                                        
                                        
                                                                                    
                                    

                                    
                                    
                                                                                자문자답입니다.
 

                
                </p><p>var direction = $("#something").data("direction");</p><p>var anim = {};</p><p>anim[direction] = "200px";</p><p>$("#something").animate(anim);</p><p>
            

                                    

                                    
                                    
                                        
                                                                                            
                                                    로그인 후 평가할 수 있습니다
                                                
                                                                                    
                                        
                                                                            
                                

                                
                                
                                    
                                        
                                        
                                        
                                
                                                                
                                                                
                                
                                                                    
                                        
                                            댓글을 작성하려면 로그인이 필요합니다.


            
            
            
            
            
                            
                    답변을 작성하려면 로그인이 필요합니다.
                    
                        로그인



        
        

    
    
        
            
            지금 질문하기
        
    

    
    
        
            
                질문하는방법
            
        
        
            
                모든질문
                129,285
            
            
                답변없는질문
                8
            
            
                미채택된질문
                18,376
            
            
                채택된질문
                101,681
            
        
        모든답변
        
            
                5
                그누보드5
                62,905
            
            
                영카트5
                17,535
            
        
        
            
                태그전체보기
            
        
        
                    
    

    
    
        관심태그
        
                                                        
                    #영카트5
                
                                            
                    #그누보드4
                
                                            
                    #영카트4
                
                                            
                    #정규식
                
                                            
                    #테마
                
                                            
                    #그누보드5
                
                                            
                    #네이버페이
                
                                            
                    #그누커머스
                
                                            
                    #php
                
                                            
                    #그누보드6
                
                    
    

    
    
        인기태그
        
                                                        
                    #그누보드5
                                            (62,905)
                                    
                                            
                    #영카트5
                                            (17,535)
                                    
                                            
                    #php
                                            (15,830)
                                    
                                            
                    #그누보드4
                                            (10,649)
                                    
                                            
                    #게시판
                                            (3,273)
                                    
                                            
                    #javascript
                                            (2,678)
                                    
                                            
                    #그누보드
                                            (2,463)
                                    
                                            
                    #css
                                            (2,129)
                                    
                                            
                    #mysql
                                            (1,556)
                                    
                                            
                    #영카트
                                            (1,295)
                                    
                                            
                    #모바일
                                            (1,293)
                                    
                                            
                    #그누커머스
                                            (1,178)
                                    
                                            
                    #html
                                            (1,133)
                                    
                                            
                    #jquery
                                            (1,027)
                                    
                                            
                    #최신글
                                            (970)
                                    
                                            
                    #자바스크립트
                                            (953)
                                    
                                            
                    #DB
                                            (850)
                                    
                                            
                    #로그인
                                            (821)
                                    
                                            
                    #이미지
                                            (785)
                                    
                                            
                    #여분필드
                                            (784)





    
        
            
                공유하기
                
            
            
                
                    
                
                
                    
                
                
            
        
    




    이 게시물을 신고 하시겠습니까?
신고사유를 선택해주세요.
    
        
            
            광고성 게시물
        
        
            
            음란성 게시물
        
        
            
            상대방 비방 및 혐오
        
        
            
            기타
            
                기타 신고사유