Question

我遇到了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>

Answer 1

在jsFiddle上正常工作。

但是如果您在系统上进行尝试，则需要向src提供http或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>

Answer 2

如果您在本地工作，请尝试此操作：

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

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

这是你的小提琴： Fiddle

Answer 3

它非常适合我。链接：

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

});

http://jsfiddle.net/63nrR/

Answer 4

似乎对我工作正常： Live Demo

$(document).ready(function(){
   $("#box").on('click', function () {
     alert("hi"); 
    });
});

Answer 5

更改您对jquery的引用：

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

修改的

好的，在我获得更多downvotes之前，//是一个vlaid协议。但由于OP可能是从他的文件系统（协议文件：//）进行测试，//将导致jquery没有被拉入。

如果OP将src更改为使用http：//，则无论协议如何，jquery都会下载以查看页面。

Jquery根本不会运行

5 个答案: