jQuery UI 可拖动 - 拖动时需要修改元素

Question

我第一次使用拖放功能，所以不太确定自己在做什么！

我需要在“portlet”被拖动时添加一个类。我不想使用克隆功能，因为我希望用户拖动实际元素，我只想在元素被拖动时修改它，并在放下时重置它。

有人能帮忙吗？

- jonhobbs

Answer 1

也许有一种名为“beforedrag”的事件可以绑定吗？在用户开始拖动元素之前添加类会更容易，而不是在拖动期间添加。

如果您使用jQuery UI，则可以使用可拖动元素上的“start”事件：

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

- dalbaeb

---

开始：function(event, ui) { ui.helper.addClass('beingDragged'); }, - jonhobbs

它也帮助了我。感谢你的出色答案。 - Pragnesh Chaudhari

Answer 2

此外，您可以像这样使用“helper”选项：

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

如果您的门户在未来变得过于笨重而无法拖动，您可以使用它来构建简化版本，以便在拖动时平滑处理 :)

- Danita