jQueryui 可拖动项目类

Question

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

这是我目前正在使用的笔：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

在 drop 函数中使用 this。

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