Javascript jQuery TypeError:$(“img”).draggable();这不是一个函数
您好,在过去的3个小时里,我一直对此代码有问题,希望有人能在这里帮助我。 jQueryJavascript jQuery TypeError:$(“img”).draggable();这不是一个函数,javascript,jquery,html,Javascript,Jquery,Html,您好,在过去的3个小时里,我一直对此代码有问题,希望有人能在这里帮助我。 jQuery $(document).ready(function() { $("img").draggable();}); HTML标题 <head> <title>Chess</title> <meta http-equiv="Content-type" content="text/html;charset=UTF-8"> <link r
$(document).ready(function() {
$("img").draggable();});
HTML标题
<head>
<title>Chess</title>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="default.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="default.js"></script>
</head>
TypeError: $("img").draggable is not a function [Break On This Error] $("img").draggable();
我的代码在本地主机或服务器上运行得非常好,但当我在本地主机或服务器上尝试它时,会不断收到此错误消息。我做错了什么?
完整的HTML
<!DOCTYPE html>
<html>
<head>
<title>Chess</title>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="default.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="default.js"></script>
</head>
<body>
<div id="board">
<ul id="first_row">
<li class="white_space"><img src="pieces/Rook_Black.png" /></li>
<li class="black_space"><img src="pieces/Pawn_Black.png" /></li>
<li class="white_space"><img src="#" /></li>
<li class="black_space"><img src="#" /></li>
<li class="white_space"><img src="#" /></li>
<li class="black_space"><img src="#" /></li>
<li class="white_space"><img src="pieces/Pawn_White.png" /></li>
<li class="black_space"><img src="pieces/Rook_White.png" /></li>
</ul>
<ul id="second_row">
<li class="black_space"><img src="pieces/Knight_Black.png" /></li>
<li class="white_space"><img src="pieces/Pawn_Black.png" /></li>
<li class="black_space"><img src="#" /></li>
<li class="white_space"><img src="#" /></li>
<li class="black_space"><img src="#" /></li>
<li class="white_space"><img src="#" /></li>
<li class="black_space"><img src="pieces/Pawn_White.png" /></li>
<li class="white_space"><img src="pieces/Knight_White.png" /></li>
</ul>
<ul id="third_row">
<li class="white_space"><img src="pieces/Bishop_Black.png" /></li>
<li class="black_space"><img src="pieces/Pawn_Black.png" /></li>
<li class="white_space"><img src="#" /></li>
<li class="black_space"><img src="#" /></li>
<li class="white_space"><img src="#" /></li>
<li class="black_space"><img src="#" /></li>
<li class="white_space"><img src="pieces/Pawn_White.png" /></li>
<li class="black_space"><img src="pieces/Bishop_White.png" /></li>
</ul>
<ul id="forth_row">
<li class="black_space"><img src="pieces/Queen_Black.png" /></li>
<li class="white_space"><img src="pieces/Pawn_Black.png" /></li>
<li class="black_space"><img src="#" /></li>
<li class="white_space"><img src="#" /></li>
<li class="black_space"><img src="#" /></li>
<li class="white_space"><img src="#" /></li>
<li class="black_space"><img src="pieces/Pawn_White.png" /></li>
<li class="white_space"><img src="pieces/King_White.png" /></li>
</ul>
<ul id="fifth_row">
<li class="white_space"><img src="pieces/King_Black.png" /></li>
<li class="black_space"><img src="pieces/Pawn_Black.png" /></li>
<li class="white_space"><img src="#" /></li>
<li class="black_space"><img src="#" /></li>
<li class="white_space"><img src="#" /></li>
<li class="black_space"><img src="#" /></li>
<li class="white_space"><img src="pieces/Pawn_White.png" /></li>
<li class="black_space"><img src="pieces/Queen_White.png" /></li>
</ul>
<ul id="sixth_row">
<li class="black_space"><img src="pieces/Bishop_Black.png" /></li>
<li class="white_space"><img src="pieces/Pawn_Black.png" /></li>
<li class="black_space"><img src="#" /></li>
<li class="white_space"><img src="#" /></li>
<li class="black_space"><img src="#" /></li>
<li class="white_space"><img src="#" /></li>
<li class="black_space"><img src="pieces/Pawn_White.png" /></li>
<li class="white_space"><img src="pieces/Bishop_White.png" /></li>
</ul>
<ul id="seventh_row">
<li class="white_space"><img src="pieces/Knight_Black.png" /></li>
<li class="black_space"><img src="pieces/Pawn_Black.png" /></li>
<li class="white_space"><img src="#" /></li>
<li class="black_space"><img src="#" /></li>
<li class="white_space"><img src="#" /></li>
<li class="black_space"><img src="#" /></li>
<li class="white_space"><img src="pieces/Pawn_White.png" /></li>
<li class="black_space"><img src="pieces/Knight_White.png" /></li>
</ul>
<ul id="eight_row">
<li class="black_space"><img src="pieces/Rook_Black.png" /></li>
<li class="white_space"><img src="pieces/Pawn_Black.png" /></li>
<li class="black_space"><img src="#" /></li>
<li class="white_space"><img src="#" /></li>
<li class="black_space"><img src="#" /></li>
<li class="white_space"><img src="#" /></li>
<li class="black_space"><img src="pieces/Pawn_White.png" /></li>
<li class="white_space"><img src="pieces/Rook_White.png" /></li>
</ul>
</div>
</body>
</html>
国际象棋
您没有加载jquery,只加载jquery ui。jquery本身不是由jquery ui加载的,因此需要两个不同的script
标记
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
它在codecademy上工作的原因大概是jQuery已经加载,以便向您显示codecademy页面。现在FireBug向我发送了以下错误:“NetworkError:404 Not Found-”,因为1.8.2是jQuery版本号,而不是jQueryUI版本号。它们不同步。另外,jquery-ui.min.js位于单独的jqueryui
文件夹中。请仔细检查您收到的URL。实际上,最好复制并粘贴它们。(或者,您可以查找每个版本的最新版本号。建议您也这样做。)它可以工作!!非常感谢你们,我终于可以开始关注更重要的事情了。