下面的代码来自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>发布于 2012-04-28 00:14:26
这是可能的,但是.draggable()和.droppable()函数太复杂,无法在这里解释如何做到这一点。看看未缩小的jQuery UI。这将为您提供一个良好的开端(尽管它仍将使用jQuery)。
https://stackoverflow.com/questions/10354138
复制相似问题