Question

我无法让JavaScript在我的网站上运行。这是我想要使用的JS Fiddle。它在这里工作正常但在我的网站上根本没有。以下是我在我的网站上链接JS的方法：

<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>

Answer 1

您是否尝试在jQuery的文档就绪方法中包装所有JavaScript代码？

$(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>

Answer 2

我弄清楚问题是什么。我不得不重命名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>

Answer 3

根据您获得的错误，尝试将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>

jQuery UI需要主JQuery库（确保下载并链接到您下载的相应版本）。
确保在脚本标记中包含类型声明，因此调试器不会抱怨。

无法将JS链接到HTML

3 个答案: