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

Question

我正在使用可拖动的 JQueryUI，我希望能够在拖动时为可拖动元素添加样式。我尝试了此代码的变体：

$(".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