나는 ...이 jQuery를

Question

페이지하는 데 문제가 있습니다에 내 jQuery를 다른 코드 가벼운 음식을 디버깅 방화범을 사용 http://schnell.dreamhosters.com/index.php?page=gallery#

을 버그를 알아낼 수 있으며 자바 스크립트/jQuery를 디버깅에 매우 유용 증명 됐어요 . 그러나 동시에, 내가 해 본 가장 실망스러운 디버깅 경험 중 하나였습니다. 나는 왜 다른 사람의 방법론을 튜토리얼, 캐릭터의 캐릭터에서 복사 할 수 있는지를 알지 못하지만 오류가 계속 발생하는 것은 확실합니다.

어쨌든 여기서 문제는 Firebug가 소스의 20 행에 버그가 있다고 주장하는 것입니다.

실종 : 속성 ID 후 [이 오류에 브레이크] $ ('# 테이블') 애니메이션 ({ "왼쪽 :"+ ATTR + "픽셀"}, 2000);합니다. \ n

이 버그 콜론 바로 거기이기 때문에 나에게 큰 부하처럼 보인다! 그리고 이것이 jQuery/Javascript 디버깅이 때때로 고통스러운 이유입니다. 오류 메시지는 다소 복잡한 데 때때로 때로는 나에게 감각을 자극하지도 않습니다. 아니면 그냥 방화범이야.

어느 쪽이든, 내가 여기서하려는 목표는 동적으로 애니메이션 기능을 변경하려고하는데, 왼쪽 화살표를 클릭하면 왼쪽으로 갈수록 이미지 격자가 바뀝니다. CSS 'left'속성의 특성). Javascript 변수와 숨겨진 입력 태그를 사용하여 필수 값을 유지할 수 있지만 주요 장애물은 이러한 변수를 인식하는 애니메이션 기능을 얻는 것입니다. 근처에는 애니메이션을 만드는 방법에 대한 인수에 대한 문자열 리터럴 만 받아 들일 수 있으며, 설명서가 도움이되지 않는다고 말할 수 있습니다. 불가능한 것처럼 애니메이션을 사용하여 변수 사용에 대해 논의하지 않기 때문입니다.

글쎄, 내가 불가능하다고 생각하지 말고, 그는 내 방식대로 많이 들어가기를 좋아한다.

Answer 1

잘 형성되지 않은 애니메이션 함수에 전달 리터럴 목적은, 그것은해야한다 :

$('#table').animate({left: attr + "px"}, 2000); 

편집가 : 코드에 밀접하게 찾고, 당신은 또한에 입력에서 값을 얻기 위해 노력하고있다 ID는 = "계산", 당신은 ID 선택해야하는 누락 된 # 문자가 있습니다,

var count = +$('#count').val(); // get #count value as Number 

또한이 count 변수를 증가하고 있지만 먼저 숫자로 변환해야을때문에input 요소의 속성은 문자열입니다. (나는 할당의 오른쪽에있는 단항 플러스 연산자을 사용하여 작업을 수행했습니다.)

"1" + 1 == "11" 

Answer 2

시도 :

$('#table').animate({left: attr}, 2000); 

당신은 당신이 두 변수 그 중 하나가 문자열을 추가 경우 때문에, 숫자로 변환해야 연결이 열립니다 여기에서 "px"측정 단위는 필요하지 않습니다. 그건 제쳐두고, 위의 익명 개체의 올바른 생성입니다. 중괄호 안에 문자열을 넣는 것뿐입니다.