您是否嘗試過包裝所有的JavaScript代碼在jQuery的文件準備好方法?
$(function(){
var timer;
var light = 1;
colorarray = new Array('red', 'blue', 'yellow', 'black', 'pink', 'green', 'chocolate', 'cyan');
function timedCount()
{
timer = setTimeout(function(){timedCount()},800);
$(".interactiveBox div:nth-child("+ light +")").css('background-color', colorarray[light]);
light = light + 1;
if(light>8)
{
light = 1;
$('.interactiveBox div').css('background-color', 'white');
}
}
$('.start').click(function(){
timedCount();
});
$('.stop').click(function(){
clearTimeout(timer);
});
});
此外,請確保您包括jQuery的ui.js文件之前的jquery.js文件。這條線之上:
<script src="jquery-ui-1.9.2.min.js"></script>
的文件應該是這樣:
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link href="main_1.css" type="text/css" rel="stylesheet" />
<!-- NEED TO INCLUDE THE MAIN JQUERY.JS HERE -->
<script src="jquery.js"></script>
<!-- /NEED TO INCLUDE THE MAIN JQUERY.JS HERE -->
<script src="jquery-ui-1.9.2.min.js"></script>
<script src="main_JS.js" type="text/javascript"></script>
</head>
JQuery文件保存在與我的網站相同的位置。 – Nikole
DEV控制檯中的任何錯誤? – sleepwalker
您的jQuery是否在document.ready調用中? – j08691