Здравствуйте. Может сможете мне помочь доработать код. Принцип такой: нужно перетягивать объекты свободно, и чтобы на месте перетаскиваемого объекта создавалась его копия, которую так же можно перетаскивать. Свободное перетаскивание реализовать смогла, а вот с копиями проблема. Заранее благодарю за помощь. Не получается реализовать это у себя( Я еще только учусь и дается мне это сложно...(
<!DOCTYPE html>
<head>
</head>
<body>
<div class="container newsWrapper">
<div id="prod_container">
<div class="prod" id="i1">
<img src="img/pomidor.png"/>
</div>
<div class="prod" id="i2">
<img src="img/grib.png"/>
</div>
<div class="prod" id="i3">
<img src="img/7.png"/>
</div>
<div class="prod" id="i4">
<img src="img/olives.png"/>
</div>
<div class="prod" id="i5">
<img src="img/bacon.png"/>
</div>
<div class="prod" id="i6">
<img src="img/salami.png"/>
</div>
<div class="prod" id="i7">
<img src="img/7.jpg"/>
</div>
<div class="prod" id="i8">
<img src="img/8.jpg"/>
</div>
<div class="clear"></div>
</div>
<div id="cart_container">
<div id="cart_toolbar">
<div id="cart_items" class="back">
<img src="img/margarita.png"/></div>
</div>
<div id="nav_left">
<a href="" id="btn_clear">Очистить</a>
</div>
<script type="text/javascript">
$(document).bind("ready", function(){
$("div.prod").draggable({
});});
</script>