jQueryui可拖拽项目类

Question

所以我想使用jQueryui及其可拖拽/ droppable组合，并且当我将某个项目放入某个容器时，我想向该项目添加一个类。那可能吗？到目前为止，我设法做的是向放下可拖动项目的容器中添加一个类。但那不是我想要的。

这是我目前工作的笔：http://codepen.io/zmuci/pen/Rrbvgg

<div class="categories"> 
    <div class="categorie">first categorie</div> 
    <div class="categorie">second categorie</div> 
    <div class="categorie">third categorie</div> 
    <div class="categorie">forth categorie</div> 
    <div class="categorie">fifth categorie</div> 
    <div class="categorie">sixth categorie</div> 
    <div class="categorie">seventh categorie</div> 
</div> 

<div class="grid"> 
    <div class="grid-item grid-item-1"> 
    <div class="grid-item-inner"></div> 
    </div> 
    <div class="grid-item grid-item-2"> 
    <div class="grid-item-inner"></div> 
    </div> 
    <div class="grid-item grid-item-3"> 
    <div class="grid-item-inner"></div> 
    </div> 
    <div class="grid-item grid-item-4"> 
    <div class="grid-item-inner"></div> 
    </div> 
    <div class="grid-item grid-item-5"> 
    <div class="grid-item-inner"></div> 
    </div> 
    <div class="grid-item grid-item-6"> 
    <div class="grid-item-inner"></div> 
    </div> 
    <div class="grid-item grid-item-7"> 
    <div class="grid-item-inner"></div> 
    </div> 
    <div class="grid-item grid-item-8"> 
    <div class="grid-item-inner"></div> 
    </div> 
    <div class="grid-item grid-item-9"> 
    <div class="grid-item-inner"></div> 
    </div> 
</div> 

Answer 1

在降功能使用。

$(ui.draggable).addClass('newClass')