2

我在使用 JQuery 时遇到问题。我正在尝试学习它,所以我将这个小网页放在一起进行测试,一切看起来都是正确的,但我仍然无法让它在 jsfiddle.net(它说它是有效代码)或我的计算机上工作.

<html>
    <head>
    <title>I listen to music</title>
    <style>
        #box
        {
        height:50px;
        width:50px;
        background-color:black;
        }
    </style>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#box").on('click', function () {
                alert("hi");
            });
        });
    </script>
    </head>
    <body>
        <div id="box">asdf</div>
    </body>
</html>
4

5 回答 5

4

在 jsFiddle 上运行良好。

但是如果你在你的系统上尝试它,你需要为 src 提供httpor https。它不适用于//您的文件系统,因为那样它将使用file://协议,但在 jsFiddle 中它将使用http.

<html>
<head>
<title>I listen to music</title>
<style>
#box
{
height:50px;
width:50px;
background-color:black;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#box").on('click', function () {
    alert("hi");
});
});
</script>
</head>
<body>
<div id="box">asdf</div>
</body>
</html>
于 2013-07-18T18:40:42.610 回答
2

如果您在本地工作,请尝试以下操作:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

注意:URL 没有任何问题。看看jQuery

这是你的小提琴: 小提琴

于 2013-07-18T18:46:35.147 回答
1

它对我很有效。关联:

$(document).ready(function(){
    $('p').on('click',function(){
alert('Hi');    
    })

});

http://jsfiddle.net/63nrR/

于 2013-07-18T18:39:37.560 回答
-1

对我来说似乎工作正常: 现场演示

$(document).ready(function(){
   $("#box").on('click', function () {
     alert("hi"); 
    });
});
于 2013-07-18T18:37:49.297 回答
-3

更改对 jquery 的引用:

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

编辑

好的,在我在这里获得更多反对意见之前,// 是一个 vlaid 协议。但是由于 OP 可能正在从他的文件系统(协议文件://)进行测试,// 将导致 jquery 不被拉入。

如果 OP 将 src 更改为使用 http://,jquery 将不考虑协议下载以查看页面。

于 2013-07-18T18:43:27.713 回答