코드는 JS 바이올린에 있지만 Dreamweaver에서 또는 서버에서 작동

Question

http://jsfiddle.net/reveries/9Dt7n/ http://www.reveriesrefined.com/test/ 당신이 문을 통해 호브 때,이 애니메이션을 해야하는

... 그리고 jsfiddle에서 그것은 훌륭하게 작동하지만 일단이 코드를 내 웹 사이트에 넣으면 작동이 멈 춥니 다. 여전히 이미지가 표시되지만 마우스를 올리면 애니메이션이 없습니다. js 바이올린에 내가 숨기지 않은 숨겨진 코드가 있는지 궁금합니다. ??

jQuery를 (srpitely/w)

var iFrames = 23, 
iFps = 24, 
bRewind = false, 
iStartFrame = -1, 
bAnimating = false, 
stopAndRewind = function(oAnim) { 
    iStartFrame = ~iStartFrame ? -1 : iFrames - 2; 
    bRewind = !bRewind; 
    bAnimating = false; 
    oAnim.spStop(); 
}; 
$("#door").on("mouseenter mouseleave", function() { 
var iCurFrame = iStartFrame; 
if ($._spritely.instances && $._spritely.instances[$(this).prop("id")]) 
{ 
    if (bAnimating) 
    { 
     iCurFrame = $(this).spGet("current_frame"); 
     stopAndRewind($(this)); 
    } 
    $(this).destroy(); 
} 
bAnimating = true; 
$(this).sprite({ 
    fps: iFps, 
    no_of_frames: iFrames, 
    start_at_frame: iCurFrame, 
    rewind: bRewind, 
    on_frame: (function() { 
     var o = {}, 
      i = 1; 
     if (!bRewind) 
     { 
      i = iFrames - 2; 
     } 
     o[i] = stopAndRewind; 
     return o; 
    })() 
}); 
}); 

Answer 1

완전히 바뀌 대답 : 귀하의 웹 사이트에

, 당신은 /test/javascript/open_close.js 파일에 잘못된 문자가 있습니다. 파서가 그 파일을 질식 시키므로 그 파일에서 아무 것도 작동하지 않습니다.

파일의 끝은 다음과 같습니다

});​ 

}); 

참고 잘못된 문자.

jsFiddle에서 복사하여 붙여 넣은 경우 그 원인이 아마도 여기에 있습니다. jsFiddle의 편집기 필드에는이 이상한 문자가 있습니다. 왜 그런지 모르겠습니다. 나는 과거에 여러 번 알아 봤습니다. (링크를 놓친 한) 실제로 웹 사이트를 살펴보기 전에

---

원래 대답은 :

당신은 onload 처리기에 코드를 포함 jsFiddle 세트를, 그래서 그것은 페이지로드 사이클에 매우 늦게 발생 일단 모든 DOM 요소가 있으면 (이미지가 다운로드 된 경우 등) (이것은 jsFiddle의 기본값입니다. 왜 그런지 알 수 없었습니다. 당신이 처음으로 잘못한 것은 아닙니다.) 자신의 페이지에 스크립트가 바로 인라인되어 있고, 특히 script 태그가 해당 요소 위에 있다면 함께, 그게 문제 야.

최근 질문

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 관련 문제

• 관련 문제 없음^_^