jquery - 购物篮 - 拖放不起作用

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 上时什么都没有发生。