Question

我在Ubuntu中使用了sublime-text2editör和chrome web浏览器。这个非常简单的代码无法正常工作但是当我只在脚本标签中编写alert（“test”）时它正在工作但是这个简单的代码现在不工作了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Scroll Activated Animation</title>
<script type="text/javascript" src="../../jquery-2.1.4.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $("#test").click(function(){
      alert("test");
    });
  });
</script>
<style type="text/css" rel="stylesheet">
    #test{
    width:50px;
    height:50px;
    background-color: #eee;
    margin: 0 auto;
  }
  </style>
</head>
 <body>
  <div id="test">Click here</div>
 </body>
</html>

jquery源代码没有问题。因为我上面说过只有警报才有效

图片路径：

Answer 1

检查jQuery的路径是否正确。在您的情况下，路径应该是这样的：

+ jquery-2.1.4.js
+ some_folder
| + some_other_folder
| | + index.html     ----- This is your file.

您提供的代码完全正确。您有两种选择：

纠正jQuery的路径。
使用CDN：http://code.jquery.com/jquery-2.1.4.js

所以第二个选项是在<head>中添加以下内容而不是你作为jQuery参考的内容：

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.js"></script>

Answer 2

我已经创建了一个代码的小提琴，它似乎有效。

  $(document).ready(function(){
    $("#test").click(function(){
      alert("test");
    });
  });

http://jsfiddle.net/1ygxkx24/

您的浏览器命令行中是否有任何错误？

问题可能与jquery库的导入有关：警报无论如何都不起作用，因为它是纯粹的js而不是jquery相关的。

简单的代码不能在jquery中工作

2 个答案: