使用JQueryUI Draggable，如何選擇被拖動的對象

Question

我使用的是可拖動的JQueryUI，我希望能夠在拖動時拖動可拖動元素的樣式。我曾嘗試變化對這個代碼：

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

然而，我的嘗試都失敗了，我相信這是因爲我不知道如何從用戶界面對象可拖動的元素。我錯過了什麼？

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