javascript - jQuery UI Draggable - need to modify element while dragging - Stack Overflow

admin管理员组

文章数量:1410689

I'm playing with Drag and drop funcitonality for the first time so I'm not entirely sure what I'm doing!

I need to add a class to a "portlet" while it is being dragged. I don't want to use the clone functionality because I want the user to drag the actual element, I just want to nodify the element while it is being dragged and reset it when it's dropped.

Can anybody help?

I'm playing with Drag and drop funcitonality for the first time so I'm not entirely sure what I'm doing!

I need to add a class to a "portlet" while it is being dragged. I don't want to use the clone functionality because I want the user to drag the actual element, I just want to nodify the element while it is being dragged and reset it when it's dropped.

Can anybody help?

• javascript
• jquery
• jquery-ui
• drag-and-drop

Share Improve this question Follow asked Feb 24, 2009 at 17:51 jonhobbsjonhobbs 28k3939 gold badges118118 silver badges179179 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

Perhaps there's some sort of a 'beforedrag' event you can bind to? It would be easier to add the class to an element before the user actually starts dragging it, rather than during.

If you're using jQuery UI, there's a 'start' event on draggable you can use:

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

Also, you can use the "helper" option like this:

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

Should your portlets bee in the future too heavyweight to drag, you could use that to build a simplified version while dragging to smooth things out :)

本文标签： javascriptjQuery UI Draggableneed to modify element while draggingStack Overflow