<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>draggble</title>
</head>
<style type="text/css">
#dragbox{ width:100px; height:100px; background:#eee; border:1px solid #333; position:absolute; }
#target{ width:200px; height:200px; background:#f00; border:1px solid #333; position:absolute; top:200px; left:200px;}</style><script language="javascript" type="text/javascript" src="/js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="/js/ui/jquery.ui.core.js"></script>
<script language="javascript" type="text/javascript" src="/js/ui/jquery.ui.widget.js"></script>
<script language="javascript" type="text/javascript" src="/js/ui/jquery.ui.mouse.js"></script>
<script language="javascript" type="text/javascript" src="/js/ui/jquery.ui.draggable.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/ui/jquery.ui.droppable.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
$("#dragbox").draggable();
$("#target").droppable();
})
</script>
<body> <div id="dragbox"></div> <div id="target">我是目标</div>
</body>
</html>
最基础的用法- - 为嘛不能拖动 哪里有问题了
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>draggble</title>
</head>
<style type="text/css">
#dragbox{ width:100px; height:100px; background:#eee; border:1px solid #333; position:absolute; }
#target{ width:200px; height:200px; background:#f00; border:1px solid #333; position:absolute; top:200px; left:200px;}</style><script language="javascript" type="text/javascript" src="/js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="/js/ui/jquery.ui.core.js"></script>
<script language="javascript" type="text/javascript" src="/js/ui/jquery.ui.widget.js"></script>
<script language="javascript" type="text/javascript" src="/js/ui/jquery.ui.mouse.js"></script>
<script language="javascript" type="text/javascript" src="/js/ui/jquery.ui.draggable.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/ui/jquery.ui.droppable.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
$("#dragbox").draggable();
$("#target").droppable();
})
</script>
<body> <div id="dragbox"></div> <div id="target">我是目标</div>
</body>
</html>
最基础的用法- - 为嘛不能拖动 哪里有问题了
<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="ui.mouse.js"></script>
<script type="text/javascript" src="ui.draggable.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
$("#dragbox").draggable();
$("#target").draggable();
})
</script>
</head><body>
<div id="dragbox">aaaaaaaaa</div> <div id="target">我是目标</div>
</body>
</html>
我这样 就可以拖拽了
[在此错误处中断] $(function(){
http://127.0.0.1:8000/1.html
Line 22