Question

以下代码来自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>

Answer 1

是的，它有点工作。 find，addClass和html很容易，但拖放是另一个故事。这是一个教程http://luke.breuer.com/tutorial/javascript-drag-and-drop-tutorial.aspx

Answer 2

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

Answer 3

这是可能的，但.draggable（）和.droppable（）函数太复杂了，不能解释如何在这里做。看看未经过统一的jQuery UI。这将给你一个良好的开端（虽然它仍将使用jQuery）。

是否可以将此JQuery代码转换为JavaScript？

3 个答案: