gpt4 book ai didi

jquery - jQuery 无法正常工作

转载 作者:行者123 更新时间:2023-12-01 07:18:32 25 4
gpt4 key购买 nike

我一直在 Codecademy 上尝试 jQuery,但是下载该库后它似乎不起作用。

我按照以下步骤操作:

  • 我从 http://jquery.com/download/ 下载了 jQuery 1.9.1 (http://code.jquery.com/jquery-1.9.1.min.js 更具体地说)
  • 我重命名了文件 jquery.js 并将其放置在与 HTML/脚本等相同的源文件夹中。
  • 我在 HTML 文件 <script src='jquery.js'> </script> 中链接到它
  • 我使用 jQuery 的脚本不起作用。我尝试了一个基本测试,以查看 jQuery 是否正常工作 - $(document).ready(function(){
    alert("Hello jQuery");
    });

我是不是漏掉了什么?

(我的代码在 Codecademy 上运行得很好,所以我认为这不太可能成为我程序中其他地方的问题)

编辑 1:

(完整代码,对于那些询问的人:))

HTML/jQuery

    <script src='jquery.js'>
$(document).ready(function() {
alert("Hello jQuery!");
$('.matchtile').click(function() {
$(this).fadeTo('slow', 0);
});
$('.button').click(function() {
fadeIn();
});
});

function fadeIn(){
$('.matchtile').fadeTo('slow', 1);
}
</script>
<title></title>
</head>
<body>
<div class="matchtile"></div>
<div class="matchtile"></div>
<div class="matchtile"></div>
<div class="matchtile"></div>
<div class="button"></div>
</body>

CSS

.matchtile {
border-radius: 100%;
background-color: #FF0000;
width: 30px;
height: 30px;
margin: 30px;
}

.button {
background-color: #663333;
width: 30px;
height: 30px;
border-radius: 10%;
margin: 30px;
}

最佳答案

更改:

<script src='jquery.js'>
$(document).ready(function() {
alert("Hello jQuery!");
$('.matchtile').click(function() {
$(this).fadeTo('slow', 0);
});
$('.button').click(function() {
fadeIn();
});
});

function fadeIn(){
$('.matchtile').fadeTo('slow', 1);
}
</script>

至:

<script src='jquery.js'></script>

<script type='text/javascript'>
$(document).ready(function() {
alert("Hello jQuery!");
$('.matchtile').click(function() {
$(this).fadeTo('slow', 0);
});
$('.button').click(function() {
fadeIn();
});
});

function fadeIn(){
$('.matchtile').fadeTo('slow', 1);
}
</script>

您的 jQuery 代码不应位于加载实际 jQuery.js 的同一脚本标记中

关于jquery - jQuery 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16407064/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com