jquery-ui - 不能拖动 div 但可以拖动图像

Question

我想将小部件区域中的几个元素拖到另一个 div 中。其中一个元素是蓝色框的图像，另一个是橙色背景的 div：

两者都有 class="widget"。拖放线是：

$(document).ready(function(){
        $('.widget').draggable({opacity:'0.5', helper:'clone'});      
        $('#page').droppable({accept:'.widget'});
});

问题是只有蓝色图像是可拖动的。

这里有一个 jsFiddle：http: //jsfiddle.net/stevea/2Xu2P/ 您可以看到可以拖动蓝色图像但不能拖动橙色 div。

有没有人看到问题？

谢谢。

Answer 1

我已经在这里测试过，它可以工作，如果你删除helper: 'clone'.

相反，如果您确实需要克隆功能，请查看此处。