2014-04-16 144 views
-1

我無法讓我的JavaScript在我的網站上工作。這是我嘗試使用的JS Fiddle。它在這裏運行良好,但在我的網站上完全沒有問題。這裏是我如何鏈接JS在我的網站:無法連接JS到HTML

<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<link href="main_1.css" type="text/css" rel="stylesheet" /> 
<script src="jquery-ui-1.9.2.min.js"></script> 
<script src="main_JS.js" type="text/javascript"></script> 
</head> 
+0

JQuery文件保存在與我的網站相同的位置。 – Nikole

+3

DEV控制檯中的任何錯誤? – sleepwalker

+3

您的jQuery是否在document.ready調用中? – j08691

回答

2

您是否嘗試過包裝所有的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> 
+0

不,我沒有試過。我現在會嘗試。 – Nikole

+0

timer = setTimeout(timedCount,800); * – pmandell

+0

我添加了包裝,添加了「type =」text/javascript「,並且首先放置了main_JS文件,但是當我運行該頁面時,JavaScript仍然無法播放。是否需要指向另一個JS文件,例如Google ? – Nikole

-1
根據你得到的錯誤

,請嘗試更改jQuery的連結此...

<script src="jquery-1.11.0.min.js" type="text/javascript"></script> 
<script src="jquery-ui-1.9.2.min.js" type="text/javascript"></script> 
  1. jQuery UI需要主JQuery庫(確保下載並鏈接到您下載的相應版本)。
  2. 請確保在腳本標記中包含類型聲明,以便調試器不會發生抱怨。
+0

HTML5中不必要的, – j08691

+0

不相關。他們得到一個錯誤,提示「jquery-ui-1.9.2.min.js不能在沒有類型標記的情況下被保存」,所以添加類型標記。 – Jacob

+0

我改變了它和JavaScript仍然沒有在頁面運行時播放 – Nikole

0

我想出了問題所在。我必須重命名main_JS文件,以便名稱中沒有多餘的js。

現在這是我如何安裝它,它運行得很好。

<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<link href="main_1.css" type="text/css" rel="stylesheet" /> 
<script type="text/javascript" src="JavaScript/jquery-1.11.0.js"></script> 
<script type="text/javascript" src="page.js"></script> 
</head>