可以将此JQuery代码转换为JavaScript吗？
可以将此JQuery代码转换为JavaScript吗？
提问于 2012-04-28 00:10:42
下面的代码来自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>回答 3
Stack Overflow用户
回答已采纳
发布于 2012-04-28 00:12:38
是的，这需要一些工作。find、addClass和html很简单，但拖放就是另一回事了。这里有一个关于它的教程http://luke.breuer.com/tutorial/javascript-drag-and-drop-tutorial.aspx
Stack Overflow用户
发布于 2012-04-28 00:12:23
是。您完全可以将任何JavaScript库代码转换为纯JS，因为这毕竟是他们使用的。
Stack Overflow用户
发布于 2012-04-28 00:14:26
这是可能的，但是.draggable()和.droppable()函数太复杂，无法在这里解释如何做到这一点。看看未缩小的jQuery UI。这将为您提供一个良好的开端(尽管它仍将使用jQuery)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10354138
复制相关文章
相似问题
腾讯云开发者
