gpt4 book ai didi

Javascript 没有正确调用?

转载 作者:行者123 更新时间:2023-11-30 16:51:53 25 4
gpt4 key购买 nike

我已经被这个问题困扰了六个多小时。

我的最终目标是交互式 Tic-Tac-Toe 网络游戏,但我正在尝试通过使用简单的 JQuery 淡出函数来测试 JavaScript,该函数将在用户单击后摆脱第一个面板。

<!DOCTYPE html>
<html>

<head>

<link href="Style.css" rel="stylesheet" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

<script src="Clicky.js" type="text/javascript src="Clicky.js"></script>


</head>

<body>

<h1>
<table>

<!-- This is a table of independently defined background panels arranged in a 3x3 table -->
<tr><td><div id = "panel1" class="backgroundPanel">&nbsp;</div></td><td><div id = "panel2" class="backgroundPanel">&nbsp;</div></td><td><div id = "panel3" class="backgroundPanel">&nbsp;</div></td></tr>
<tr><td><div id = "panel4" class="backgroundPanel">&nbsp;</div></td><td><div id = "panel5" class="backgroundPanel">&nbsp;</div></td><td><div id = "panel6" class="backgroundPanel">&nbsp;</div></td></tr>
<tr><td><div id = "panel7" class="backgroundPanel">&nbsp;</div></td><td><div id = "panel8" class="backgroundPanel">&nbsp;</div></td><td><div id = "panel9" class="backgroundPanel">&nbsp;</div></td></tr>

</table>

</h1>


</body>


</html>

这是html代码。该表有助于在 3x3 网格中排列不同的面板,其他面板目前只是占位符,直到我知道 JavaScript 正在运行。结果的唯一一个是 panel1。

$(document).ready(function () {
$("#panel1").click(function () {
$(this).fadeout();
});
});

这是我实现的所有 JavaScript 代码。

我一直在根据多个来源进行轻微修改,但 JavaScript 仍然无法正常工作。当我使用 Chrome 的 f12 覆盖时,它显示在脚本下,但没有执行任何操作。
任何帮助将不胜感激。

最佳答案

这看起来很奇怪,您两次包含 js 文件的源代码,并且您缺少引号,这可能会占用页面的其余部分。

 <script src="Clicky.js" type="text/javascript src="Clicky.js">  </script>

尝试

 <script src="Clicky.js"></script>

您可以通过添加一个

来确认它正在被正确导入
console.log("test")

在您的 js 文件中并检查开发者控制台。

关于Javascript 没有正确调用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30408461/

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