javascript - 拖放时交换元素(也带有类名)

Question

每当一个元素拖放到另一个元素上时，就会交换两个元素。我用过Vadim's JQuery plugin它正在工作，但我对交换元素的高度、宽度、位置和 float 有疑问。

如果类名及其属性不同，则交换的元素不适合。我应该也交换类名还是只交换某些属性。

* for better understanding please check my demo *

Answer 1

在您的示例中，元素的行为与根据您应用于它们的 css 规则应有的行为完全相同。您可以添加或删除类或在停止事件时使用 JavaScript 重新计算高度/宽度:

$("#foo").swappable({
    ...
    stop: function(event, ui) {
        alert("drug: "+ ui.item[0].id + ", drop: "+ event.originalEvent.target.id); 
    }
    ...

});