这篇博客探讨了如何使用JavaScript实现元素的拖拽移动、删除后自动排列的功能，涉及算法和DOM操作，适用于前端开发者提升交互体验。
});
if ($Obj.children(settings.tagName + “[name='” + settings.mark + “']”).length > 0) {
topList = $Obj.data(“List”).tL;
leftList = $Obj.data(“List”).lL
} else {
topList.length = 0;
leftList.length = 0;
$Obj.removeData(“List”);
for (var i = 0; i < rows; i++) {
leftList.push(Fwidth * i);
topList.push(0)
}
}
};
var direction = function(elem) {
min = Math.min.apply({},
topList);
minIndex = $.inArray(min, topList);
topList[minIndex] += elem.outerHeight() + settings.margin;
$Obj.css(“height”, Math.max.apply({},
topList))
};
var orient = function() {
$(“#falls div”).each(function(){
$(this).attr(“name”, settings.mark);
})
var timeout = setTimeout(function() {
Olist.each(function() {
var Ol = $(this);
if (Ol.attr(“name”) == settings.mark) {
direction(Ol);
Ol.css({
top: min,
left: leftList[minIndex]
}).fadeIn(settings.speed)
} else {
Ol.remove()
}
})
},
settings.delTime);
$Obj.data(“List”, {
tL: topList,
lL: leftList
})
};
var reset = function() {
init();
Olist = $Obj.children(settings.tagName + “[name='” + settings.mark + “']”);
topList.length = 0;
leftList.length = 0;
for (var i = 0; i < rows; i++) {
leftList.push(Fwidth * i);
topList.push(0)
}
Olist.each(function() {
direction($(this));
$(this).
最低0.47元/天 解锁文章
1309
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
