Question

我刚从W3School复制了一个简单的脚本，无法让它运行：这是：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://Web Testing/js/jquery-1.8.0.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
<p>Click me away!</p>
<p>Click me too!</p>
</body>
</html>

它可以在他们的Tryit编辑器上使用以下行，但即使使用也不起作用在BBEdit下我的Mac上的这一行

Answer 1

你需要包含jquery你所包含的链接不起作用

试

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

同样使用google hosted库是个不错的选择，因为很多其他网站使用它所以在大多数情况下它会进入浏览器缓存

Answer 2

<script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript">
   <!--left blank-->
</script>



<script type="text/javascript">

  $(document).ready(function(){

       /*Your code*/

     });

</script>

Answer 3

<script type="text/javascript" src="http://Web Testing/js/jquery-1.8.0.min.js"></script>

指向jquery库的链接无效，请将此代码替换为：

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

Answer 4

你需要在使用前包含jquery。或者如果在脚本之后包含jquery而不是使用ready或load事件

包括jquery你可以选择谷歌托管库或jquery

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

或

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

简单的jQuery脚本没有运行

4 个答案: