测试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>
mootoolsDrag.Move

解决方案 »

  1.   

    <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(){
              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-core-1.4-full.js 核心
    mootools-more-1.4-full.js 扩展,Drag属于扩展的东西