mootools : Drag is not defined解决方案
日期：2014-05-16 浏览次数：20636 次
mootools : Drag is not defined
测试mootools的drag功能，照官网写了简单demo，但是页面报错：
Uncaught ReferenceError: Drag is not defined
貌似没有找到Dag类的定义；mootools为1.4，在当前目录下；mootools引入没有问题，用以下方法测试通过：
请各位看看是什么原因，谢谢！页面代码：
------解决方案--------------------
测试mootools的drag功能，照官网写了简单demo，但是页面报错：
Uncaught ReferenceError: Drag is not defined
貌似没有找到Dag类的定义；mootools为1.4，在当前目录下；mootools引入没有问题，用以下方法测试通过：
window.addEvent('domready', function(){
$('dragMe').addEvent('click',function(){
alert("just clicked");
});
});
请各位看看是什么原因，谢谢！页面代码：
<html>
<head>
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
new Drag.Move($('dragMe'), {
container: $('container'),
droppables: $$('.drop'),
onEnter: function(element, droppable){
droppable.setStyle('background', '#E79D35');
}
});
});
</script>
<style type="text/css">
#container {
background: #DDD;
height: 260px;
position: relative;
}
#dragMe {
background: #78BA91;
cursor: move;
height: 40px;
left: 0;
position: absolute;
top: 0;
width: 40px;
}
.drop {
background: #6B7B95;
float: left;
height: 60px;
margin-left: 20px;
margin-top: 20px;
width: 72px;
}
</style>
</head>
<body>
<div id="container">
<div id="dragMe">drag Me</div>
<div class="drop"></div>
<div class="drop"></div>
<div class="drop"></div>
</div>
<body>
</html>
mootools
Drag.Move
------解决方案--------------------
<html>
<head>
<meta charset="gbk" />
<script src="http://mootools.net/demos/Source/mootools-core-1.4-full.js"></script>
<script src="http://mootools.net/demos/Source/mootools-more-1.4-full.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
