Javascript jquerydraggable不'；不允许拖动克隆图像

我试图在一个div中放置一个图像，在这个div中创建一个id为cesta的图像克隆，但是我只得到了禁止的符号

HTML

---

您的代码似乎工作正常。我试过了，效果很好

除了你粘贴的内容，我所做的只是：

1） 增加了2个LIB

2） 添加了一些css

JS代码与您的代码相同

<script src="libs/jquery.js"></script>
<script src="libs/jquery_ui.js"></script>

<div id='productos' >
   <h3>PRODUCTOS</h3>
   <img id='ali-12' name='serv' class='productos' src='n-2.png' />
   <img id='mon-23' name='serv' class='productos' src='n-3.png' />
   <img id='zap-32' name='serv' class='productos' src='n-4.png' />
   <img id='gua-21' name='serv' class='productos' src='n-5.png' />
   <img id='rod-11' name='serv' class='productos' src='n-6.png' />
   <img id='maz-44' name='serv' class='productos' src='n-7.png' />
</div>
<div id='cesta'>
<script>
$(document).ready(function(){
$(".productos").draggable({helper:'clone'});  
$("#cesta").droppable({
    accept: ".productos",
    drop: function(event,ui){
            $(this).append($(ui.draggable).clone());
    }
  });
});
</script>

产品
$（文档）.ready（函数（）{
$（“.productos”）.draggable（{helper:'clone}）；
$（“#cesta”）。可拖放({
接受：“.productos”，
drop：函数（事件、用户界面）{
$（this.append（$（ui.draggable.clone（））；
}
});
});

---

您使用的浏览器是什么？适用于这里：@broading Firefox last version这在Firefox v20.0.1下对我有效：@broading我也在google chrome 26.0.1410.64 m版中试用过，但没有working@jal我只是想知道，您是否包含了jQueryUI脚本？如果是这样，我可以澄清一下，您只希望原始图像是可拖动的，而不是克隆的图像吗？

$(document).ready(function(){
    $(".productos").draggable({helper:'clone'});  
    $("#cesta").droppable({
        accept: ".productos",
        drop: function(event,ui){
                $(this).append($(ui.draggable).clone());
        }
    });
});

<script src="libs/jquery.js"></script>
<script src="libs/jquery_ui.js"></script>

<div id='productos' >
   <h3>PRODUCTOS</h3>
   <img id='ali-12' name='serv' class='productos' src='n-2.png' />
   <img id='mon-23' name='serv' class='productos' src='n-3.png' />
   <img id='zap-32' name='serv' class='productos' src='n-4.png' />
   <img id='gua-21' name='serv' class='productos' src='n-5.png' />
   <img id='rod-11' name='serv' class='productos' src='n-6.png' />
   <img id='maz-44' name='serv' class='productos' src='n-7.png' />
</div>
<div id='cesta'>
<script>
$(document).ready(function(){
$(".productos").draggable({helper:'clone'});  
$("#cesta").droppable({
    accept: ".productos",
    drop: function(event,ui){
            $(this).append($(ui.draggable).clone());
    }
  });
});
</script>