Con JQueryUI Draggable, come selezionare l'oggetto da trascinare - html, css, jquery-ui, jquery-ui-draggable

Sto usando JQueryUI trascinabile e vorrei poter aggiungere uno stile all'elemento trascinabile mentre viene trascinato. Ho provato le varianti su questo codice:

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

Tuttavia, i miei tentativi sono falliti e ci credo perché non so come ottenere l'elemento trascinabile dall'oggetto ui. Cosa mi sfugge?

risposte:

Non c'è bisogno di JavaScript in più. Basta usare questo selettore CSS:

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

width: 50px;
}

Leggi i documenti qui: http://jqueryui.com/demos/draggable/#overview-main