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代碼放在一個單獨的文件中?
嗯...你的外部JavaScript文件有: