2011-01-09 3 views
3

내 로컬 컴퓨터에 기록 된 다음 코드를 실행하기 위해 노력하고있어에서 :코드 jsFiddle에서 작업하지만 브라우저

http://www.jsfiddle.net/WShdx/3/

기능이 많다는 (이전 및 다음 버튼에서 깨진 이미지를 무시 , 잘못된 크기의 메인 이미지) jsfiddle에서 클릭/마우스 오버 기능이 제대로 작동하고 있는지 확인하십시오. 그러나, 내 로컬 컴퓨터에서 그것은 전혀 작동하지 않습니다. 몇 가지 멋진 기능이 있습니까

<head> 
    <title>Jquery Wizard</title> 
    <link href="style.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
    <script src="wizard.js" type="text/javascript" ></script> 
</head> 

: 코드가 로컬 복사본을 제외하고, 동일 모든 의도와 목적을 위해

는 jsfiddle 페이지에 포함 된 자바 스크립트/CSS 파일에서로드하려면이 헤드 부분이있다 내 코드가 마술처럼 작동하는 jsFiddle 중 하나입니까, 아니면 여기에 뭔가 빠졌습니까?

+0

전혀 작동하지 않는다는 것이 무엇을 의미합니까? 디버거는 어떤 종류의 오류를보고합니까? – jmort253

+0

우리에게 무언가를 제공하십시오, 오류 또는 아무것도,이 시점에서 작동하지 않는 이유를 말할 수있는 방법이 없습니다. 외부 js가 같은 폴더에 있습니까? https를 사용하고 싶다면 jquery cdn 대신 http를 사용해보십시오. 검사기를 통해 실행 해보십시오. –

+0

이것이 보안 문제 일 수 있습니다. 온라인 코드는 여러 브라우저에서 로컬 코드와 다른 권한을 가지며, 특히 다양한 도메인의 액세스와 관련하여 다릅니다. – Phrogz

답변

12

jsFiddle에서 스크립트 코드 "onload"를 실행하도록 선택했는데 그 차이가 있습니다.

<body> 안에있는 요소가 아직 알려지지 않은 <head> 안에 스크립트가 있기 때문에 onload가 없으면 $('area')을 찾지 못할 것입니다.

+1

응답 해 주셔서 감사합니다! 알았어. 고마워. "$ (window) .load (function() {<나머지 jquery>}"추가) 다른 사람이 동일한 문제가있는 경우이 함수는 실행하기 전에 페이지의 나머지가로드 될 때까지 기다립니다. Molle 박사는 페이지가로드되기 전에 스크립트가 실행 중이기 때문에 스크립트가 작동하지 않고 아직 작성되지 않은 요소를 찾고 있다고 말했습니다. – Jascination

+1

본문 끝 부분에 스크립트를 배치하는 것도 가능합니다. 장점 : 모든 요소가 거기에 알려져 있고 나중에 스크립트가로드되므로 페이지 자체가 더 빨리 표시 될 수 있습니다. –

+5

초안을로드하고 (Ctrl + Shift + Enter) 언제든지 생성 된 소스 코드를 볼 수 있습니다. jsFiddle – zalun

0

또한 이러한 오류가 발생하면 firebug 또는 모든 디버깅 도구를 사용하여 이러한 문제가 발생할 때마다 스크립트를 디버깅하는 사람에게 조언을 전합니다. Uncaught SyntaxError: Unexpected token ILLEGAL 오류와 같이 매우 간단하면서도 실망스러운 문제 일 수 있습니다. 디버거는 매우 편리합니다!

관련 문제