2012-08-13 70 views
1

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

http://jeffpickhardt.com/guiders/

但如果我提取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代碼放在一個單獨的文件中?

+0

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