제대로 호출하는 방법 photobooth.js

나는 현재 photobooth.js을 간단한 포토 부스 페이지로 사용하려고합니다. 나는 JS와 웹 페이지에 관해서는 거의 알지 못하지만, 내가 염두에두고있는 것을위한 최선의 해결책으로 보였다. 내 문제는 스크립트를로드 할 때 (웹 사이트에 따라 종속성이 없음) 기본 앱에서 사용하려고해도 아무 일도 일어나지 않아 스크립트를 제대로 호출하지 못하는 것입니다. 스크립트가로드되었는지 확인하기 위해 onload="ShowAlert()" 문에서 사용하는 photobooth.js에 ShowAlert() 함수를 추가했습니다.이 함수는 실제로 경고를 트리거합니다.제대로 호출하는 방법 photobooth.js

그래서 내 페이지 advertised here (또는 나는 그것을 사용하는 방법을 이해하지 못하는 가능성)

누군가 내가 놓친 거지 설명해 주시겠습니까대로 작동하지 않습니다에 myPhotobooth = new Photobooth(document.getElementById("container"));을 추가?

수정 photobooth_min.js 출처 :

/** 
* 
* Photobooth.js version 0.7 

*CUSTOM DEBUG CODE 
*/ 
function ShowAlert() { 
    alert('show this message'); 
} 
/** 
*Rest of photobooth_min.js code, unmodified. 
*/

내 index.html 페이지 :

<!DOCTYPE html> 
<html> 
<head> 
<title>photobooth</title> 
</head> 
<body> 
    <div id="example"></div> 
    <script type="text/javascript" src="photobooth_min.js" onload="ShowAlert()"></script> 

    <script> 
     myPhotobooth = new Photobooth(document.getElementById("example")); 
    </script> 
</body> 
</html>

내 디렉토리 구조 :

directory stucture

출처

2015-01-08 Raoul

외부 스크립트 파일을 호출 할 때, 당신은 shouldn ' 아무것도 안돼. 드 ...

<script type="text/javascript" src="WebContent/photobooth_min.js"></script> 
<script> 
    var myPhotobooth = new Photobooth(document.getElementById("example")); 
</script>

다른 점은이 경우, 파일에 path, 당신이 파일이 HTML은 당신이 설정하는 구조는 index.html라는 있다고 가정 :

|--- index.html 
|--- WebContent (folder) 
     |--- photobooth_min.js

시작, 같은 동일한 폴더에있는 모든 넣어 :

|-- index.html 
|-- photobooth_min.js

만

로 스크립트를 참조

<script type="text/javascript" src="photobooth_min.js"></script>

P. photobooth 스크립트는 IE와 Safari에서 작동하지 않을 것이라는 점을 기억하십시오 ... Windows와 Mac 플랫폼에서 가장 많이 사용되는 2 개의 브라우저는 ...

출처

2015-01-08 10:08:53 balexandre

고마워요. 내 질문에 대한 편집 내용에서 알 수 있듯이, 필자의 조언에 따라 코드 및 디렉토리 구조를 편집했습니다. 그러나 문제는 계속됩니다. 실수를 피하기 위해 내가 한 것은 photobooth.js의 GitHub 저장소를 복제하고 index.html을 내 것으로 교체했기 때문에 여전히 스크립트를 잘못 호출하고 있습니다. 나도 repo에서 원본 index.html의 코드를 해독하려했지만 photobooth.js가 호출 된 곳을 찾을 수 없었습니다 ... : -SIA는 Firefox 34.0.5를 사용합니다. – Raoul

좋아, 슬라이스로 진행했습니다. 내가 최소한의 해결책에 도달 할 때까지 원래 index.html의 덩어리. 나는 아직도 어떻게 작동하는지 완전히 이해하지는 못했지만, 문제가 해결되었다고 생각해 봅시다. 고맙습니다! – Raoul

제대로 호출하는 방법 photobooth.js

답변

관련 문제