2012-12-18 66 views
3

我刚刚从W3School复制一个简单的脚本,不能让它运行: 这就是:简单的jQuery脚本不运行

<!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编辑下面的行,但即使不工作与 此行我的Mac上的BBEdit 下

+0

任何错误?看看你的JavaScript控制台 – algorhythm

+1

你的JavaScript源代码的URL似乎是错误的......'网络测试' - 一个URL中的空间? –

回答

6

您定义包括jQuery的包括你的链接不工作

尝试

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

,因为许多其他网站使用它,所以在大多数情况下,它会在浏览器缓存中获取

+0

我试过了,它不工作。 – romaer

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

链接到jQuery库是无效的,以替换代码也期运用的google hosted库是一个不错的选择这样的:

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

谢谢,它的作品。如果我将它用于脱机工作的iOS应用,我应该在哪里放置query-1.8.3.min.js文件? – romaer

+0

把它放在最上面的地方,它应该是首先其他的javascripts,随时接受这个答案;) – Houssni

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

你需要包括使用前的jQuery。或者如果包括脚本比使用现成或负载事件之后的jQuery

TP包括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>