Jquery UI 拖/放，一个 div 可以工作，另一个则不能。怎么修？

Question

我有以下 Jquery UI 拖放 jsfiddle https://jsfiddle.net/zoojsfiddle/ud96jdcp/

     <div class="dragImg"><img class="img" src="http://www.thumbshots.com/Portals/0/Images/Feature%20TS%201.jpg"></div>  

    <div id="drag1" class="dragImg" title="Start Button"></div> <!-- end of drag1 -->            

   <div id="dropHere"></div>

具有较大图标的 div 是第一个 div，您可以在带边框的 div 中拖放和移动，并将其包含在内。图标较小的 div(第二个 div)不允许拖放。据我所知，它们产生相同的 div ，只是第二个使用了 css 。如何修复第二个 div 才能进行拖放工作。感谢您的浏览。

Answer 1

您的第二个可拖动对象需要拖动内容。也许将图像元素添加到#drag1:

        <div id="drag1" class="dragImg" title="Start Button"><img class="img" src="http://www.thumbshots.com/Portals/0/Images/Feature%20TS%201.jpg"></div>

然后在#drag1中为图像元素添加一些样式:

#drag1 .img{
width:32px;
height:32px;
}