无法拖动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

我已经测试了here，如果您删除了helper: 'clone'，它就可以了。

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