是否有可能將此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？

回答

相關問題