如何正确调用photobooth.js

Question

我目前正在尝试使用photobooth.js制作简单的照片页面。我对JS和网页知之甚少，但它似乎是我想到的最好的解决方案。我的问题是，当我加载脚本（没有依赖项，根据网站）并尝试在我的基本应用程序中使用它时，没有任何反应，所以显然我没有正确调用脚本。为了确保加载脚本，我在ShowAlert()语句中添加了一个photobooth.js函数，该函数确实触发了警报。

因此，将onload="ShowAlert()"添加到我的页面不会起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

我的目录结构：

Answer 1

当你调用外部脚本文件时，你内心不应该有任何东西......

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

另一件事是文件的path，在这种情况下，假设您在名为index.html的文件中有此HTML，您设置的结构是：

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

开始，把所有文件夹放在同一个文件夹中：

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

并仅将脚本引用为

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

P.S。请记住，photobooth脚本永远不会在IE和Safari上运行... Windows和Mac平台中最常用的2个浏览器......