jQuery UI Draggable - нужно изменить элемент при перетаскивании

Question

Я играю с функцией перетаскивания в первый раз, поэтому я не совсем уверен, что я делаю!

Мне нужно добавить класс в «портлет», пока он перетаскивается. Я не хочу использовать функциональность клона, потому что я хочу, чтобы пользователь перетаскивал фактический элемент, я просто хочу назначить элемент во время его перетаскивания и сбросить его при его удалении.

Может ли кто-нибудь помочь?

Answer 1

Возможно, у вас есть какие-то события 'beforedrag', с которыми вы можете связаться? Было бы проще добавить класс к элементу, прежде чем пользователь начнет его перетаскивать, а не во время.

Если вы используете JQuery UI, есть «начать» событие на перетаскиваемом вы можете использовать:

http://docs.jquery.com/UI/Draggable#events

Answer 2

Кроме того, вы можете использовать опцию «помощник», как это:

helper : function(ev, el) { 
    return ($(el).clone().addClass("beingDragged")); 
} 

Если ваши портлеты станут в будущем слишком тяжелыми, чтобы перетащить, вы можете использовать это, чтобы построить упрощенную версию, перетаскивая ее, чтобы сгладить ситуацию :)