Question

我是学习jQuery UI的新手，我遇到了一些麻烦。

我正在尝试创建一个droppable元素，可以在具有特定类的div中删除。我有这个工作（所以元素将在该类中删除），但我想要“更新”旧类，当元素被放入一个新类。

http://jsfiddle.net/nxkLf1y9/1/ 我的小提琴显示了这个例子（所以它可以放在任何带有“droppable”类的元素中（显示这个，该类将变为绿色。）当我将元素放入下一个类时，我想要旧类的颜色恢复正常，并使新类变为绿色（当前元素所在的位置。）

所以放下第一个div中的框，div将变为绿色，它不会掉落在第二个div中，因为它没有“droppable”类，将它放在第3个div中，它会转向绿色，但第一个盒子仍然是绿色的。

我的js。

SMTP Error: Could not connect to SMTP host.

感谢您的帮助！

Answer 1

您可以使用class代替内联样式：

Fiddle Example

jQuery(function() {
  jQuery("#draggable").draggable({
    revert: "invalid"
  });
  jQuery(".droppable").droppable({
    drop: function(event, ui) {

      //Remove Class of previous active
      jQuery('.active').removeClass('active');

      //Make this active
      jQuery(this)
        .addClass('active');
      jQuery('#draggable').appendTo('#droppable')
    }
  });
});

CSS

.droppable.active {
  background: green;
}

删除以前的“droppable”jQuery UI

1 个答案: