GitHub -> JSFiddle 디렉토리 구조 오류

Question

JSFiddle 예제가 작동합니다. D3 데모 될 일이 있지만, 이것은 직접적으로 (나는 그렇게 생각하지 않습니다 적어도)는 D3의 문제가되지 않습니다 :

https://jsfiddle.net/petersmagnusson/dofamupd/# (Ref "1") 

내가 제대로 일치 GitHub의 저장소에 연결하고 싶었 :

http://jsfiddle.net/gh/get/library/pure/Magnusson-Institute/m008/tree/master/Demo/ (Ref "2") 

하지만 링크가 JSFiddle 사이트 "잘못된 데이터 구조입니다. 디렉토리 구조가 유효하지 않은 것 같습니다. 유효한 URL입니까? 문서를 확인하십시오."라는 오류가 발생합니다.

기저 (공개) 저장소는 여기에 있습니다 :

https://github.com/Magnusson-Institute/m008 

나는 JSFiddle 데모부터 시도 : 점진적

https://github.com/zalun/jsFiddleGithubDemo/tree/master/Demo/ 

및 복사 - 붙여 넣기,하지만 그건 그냥 다른로 실행하는 것 JSFiddle (파일 캐싱) 문제.

(위 JSFiddle 직접적인 링크를 가지고,하지만 당신은 JSFiddle 링크를 가지고 있지만,이 질문은 링크에 대한 경우 StackOverflow의 코드를 포함하여 적용하지 않는 사과 ...)

업데이트 : 그것을 이동 서브 디렉토리 "Demo"및 링크 URL이 변경되었습니다. 이제 적어도로드되지만 제대로 실행되지 않습니다.

(Ref 1)과 (Ref 2)를보십시오. 코드는 동일합니다. 그래도 GitHub에서 손을 떼거나 복사하여 붙여 넣기하면 새로운 결과를 얻을 수 있습니다. 새로운 jsfiddle을 시작하고 html, js, css 프레임을 복사하여 붙여 넣기하고 D3 (https://d3js.org/d3.v4.min.js)에 대한 외부 종속성을 추가하면 신선한 jsfiddle이 제대로 실행됩니다. 그러나 github에서 들기는하지 않습니다.

어딘가에 JSFiddle이 약간 다른 환경을 생성합니까?

Answer 1

Demo과 같은 폴더를 만들어 파일을 넣으십시오. 그 데모 파일이 루트에 인식 할 수없는 것 같다

http://jsfiddle.net/gh/get/library/pure/Magnusson-Institute/m008/tree/master/Demo/

처럼 그런 다음 URL이 보인다.

업데이트 : 소스가 아닌 HTML보다 먼저 자바 스크립트를로드 리드 GitHub의에서 그것을위한 동안 jsfiddle 신선한 바이올린에서 자바 스크립트를 window.onload 래퍼를 추가 할 것을 보여줍니다. 그런 다음 d3 오류가 발생합니다.

빠른 솔루션은 자바 스크립트를 window.onload 래퍼를 추가하는 것입니다 :

window.onload = function() { 
    // all your script 
}