把JavaScript代碼在一個單獨的文件不起作用

我與Optimizely工作guiders.js示例代碼：把JavaScript代碼在一個單獨的文件不起作用

但如果我提取JavaScript代碼，並將其放置在一個單獨的文件，導引件不要加載。

下面是編輯HTML：

<html> 
    <head> 

    <!-- guider.js requires jQuery as a prerequisite. Be sure to load guider.js AFTER jQuery. --> 
    <script type="text/javascript" src="jquery-1.5.1.min.js"></script> 
    <script type="text/javascript" src="guider.js"></script> 
    <script type="text/javascript" src="guidedTour.js"></script> 

    <link rel="stylesheet" href="guider.css" type="text/css" /> 
    </head> 
    <body> 
    <span id="clock" style="border: 2px solid #333; width: 300px; height: 200px; text-align: center;" onclick="guider.next();"> 
     <br /> 
     <img src="clock.gif" width=150 height=150 /> 
    </span> 


    </body> 
</html>

我在guidedTour.js所有的JavaScript代碼，在同一個目錄。所有.js文件也位於同一個目錄中。代碼在單獨的文件中解壓縮之前工作。

當JavaScript處於單獨文件中時，指導不加載。

我收到的Chrome以下錯誤：

"Uncaught TypeError: Cannot read property 'clientHeight' of null jquery-1.5.1.min.js:16"

嘗試jQuery的較新版本上guiders.js拋出一個錯誤。無論如何，它似乎是一個不同的行爲，如果我將JavaScript代碼保存在index.html中。

我已經創建了一個工作代碼的jsfiddle： http://jsfiddle.net/vpMQy/

我不知道如何在一個單獨的文件創建JavaScript的一個類似的jsfiddle，這樣我可以重現該問題。

是否有可能把這個JavaScript代碼放在一個單獨的文件中？

來源

2012-08-13 tucson

嗯...你的外部JavaScript文件有：

相關問題