2014-04-16 126 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>