购物篮 - 拖放不起作用

Question

我试图将其设置为当我将图像拖动到特定的div（#basketitems）时，它将采用attr.('id')并将其放入div中。它基本上是一个拖放购物车。

我已经拥有以下内容：

jQuery(document).ready(function() {

$('.draggable').draggable({ containment: 'document', helper: 'clone', opacity: 0.9, revert: true,
start: function() {
product = $(this).attr('id');
productdetails = product;
} 
});

$('#basketitems').droppable({ drop: function() {
alert(productdetails); // Not Complete

}
}); });

HTML：

<div id="basketitems" class="ui-droppable">
<p>Basket Items:</p>
</div>

使用以下脚本：

<script type='text/javascript' src='../scripts/jquery-1.7.2.min.js'></script>
<script type='text/javascript' src='../scripts/clickykeyboards.js'></script>
<script type='text/javascript' src='../scripts/jquery-ui.min.js'></script>

拖动部分正在工作，但当我放入div时没有任何事情发生。