使用JQueryUI Draggable，如何选择被拖动的对象

Question

我正在使用JQueryUI draggable，我希望能够在拖动时为拖动元素添加样式。我尝试过对此代码的修改：

$(".ui-widget-content").draggable({
  drag: function(event, ui) {
    $(this).css("width", "50px");
  });

然而，我的尝试失败了，我相信它，因为我不知道如何从ui对象获取可拖动元素。我错过了什么？

Answer 1

无需额外的JavaScript。只需使用此CSS选择器：

.ui-draggable-dragging {
    /*
    This class is applied to the element while it is being dragged.
    This is done automatically by jQueryUI.
    */

    width: 50px;
}

阅读此处的文档：http://jqueryui.com/demos/draggable/#overview-main