0

以下来自 Google-Caja 游乐场的代码显示了两个框。一旦你在另一个内部拖动，封闭框就会改变颜色：

<style>
  #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
  #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
 <script>
  $(function() {
    $( "#draggable" ).draggable();
    $( "#droppable" ).droppable({
      drop: function( event, ui ) {
        $( this )
          .addClass( "ui-state-highlight" )
          .find( "p" )
            .html( "Dropped!" );
      }
    });
  });
  </script>
4

3 回答 3

4

是的，它需要做一些工作。find、addClass 和 html 很容易，但拖放是另一回事。这是它的教程http://luke.breuer.com/tutorial/javascript-drag-and-drop-tutorial.aspx

于 2012-04-27T16:12:38.313 回答
1

是的。您绝对可以将任何 JavaScript 库代码转换为纯 JS，因为这毕竟是他们使用的。

于 2012-04-27T16:12:23.167 回答
1

这是可能的，但是 .draggable() 和 .droppable() 函数太复杂了，无法在此处解释如何操作。查看未缩小的 jQuery UI。这将为您提供一个良好的开端（尽管它仍将使用 jQuery）。

于 2012-04-27T16:14:26.463 回答