我正在做一个项目,并且一直坚持通过 JQuery 重新组织我的网格。我已将问题分解为一个简单的小提琴:http: //jsfiddle.net/tylerbuchea/QgAqV/
$('div').bind('click', function() {
var pitcher = $('.selected')[0];
var catcher = this;
if (catcher.offsetTop < pitcher.offsetTop || catcher.offsetLeft > pitcher.offsetLeft) {
$(pitcher).before(catcher);
console.log('before');
}
else
if (catcher.offsetTop > pitcher.offsetTop || catcher.offsetLeft < pitcher.offsetLeft) {
$(pitcher).after(catcher);
console.log('after');
}
});
我希望“选定”的 div 移动到单击的 div 位置,而所有其他 div 都被向下(或向上)移动。这很好用,但是如果您尝试将其移动一个以上的空间……那么您会发现问题所在。也许 .before 和 .after 函数不是我应该使用的?