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

来自Google-Caja操场的以下代码显示了两个框。一旦你在另一个盒子里面拖动，颜色变为：是否有可能将此JQuery代码转换为JavaScript？

<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>

来源

2012-04-27 Coffee

jQuery _is_开源码 – 2012-04-27 16:12:14

jQuery是用JavaScript编写的！是！ – loganfsmyth 2012-04-27 16:12:28

*“是否有可能将此JQuery代码转换为JavaScript？”*当然。 jQuery是一个使用JavaScript构建的库。有没有什么**你可以用jQuery做，你离不开它。尽管如此，我并不是说我会推荐它。 jQuery（和其他库）存在的原因。 ;-) – 2012-04-27 16:12:40

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

来源

2012-04-27 16:12:38 GillesC

非常感谢！ – Coffee 2012-04-27 16:14:02

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

来源

2012-04-27 16:12:23

Gotcha！，谢谢你 – Coffee 2012-04-27 16:14:12

这是可能的，但.draggable（）和.droppable（）函数太复杂，不能解释如何在这里做到这一点。看看未统一的jQuery UI。这会给你一个好的开始（尽管它仍然会使用jQuery）。

来源

2012-04-27 16:14:26

非常感谢！我正在查找“unminified jQuery UI”。 – Coffee 2012-04-27 16:15:48

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

回答

相关问题