jquery实现的鼠标拖动排序Li或Table

2020-05-17 06:20:23易采站长站整理

var dist = 10000; var itemWithLeastDistance = null; var base = this.positionAbs[this.containers[i].floating ? ‘left’ : ‘top’];
for (var j = this.items.length – 1; j >= 0; j–) {
if(!$.ui.contains(this.containers[i].element[0], this.items[j].item[0])) continue;
var cur = this.items[j][this.containers[i].floating ? ‘left’ : ‘top’];
if(Math.abs(cur – base) < dist) {
dist = Math.abs(cur – base); itemWithLeastDistance = this.items[j];
}
}
if(!itemWithLeastDistance && !this.options.dropOnEmpty) //Check if dropOnEmpty is enabled
continue;
this.currentContainer = this.containers[i];
itemWithLeastDistance ? this._rearrange(event, itemWithLeastDistance, null, true) : this._rearrange(event, null, this.containers[i].element, true);
this._trigger(“change”, event, this._uiHash());
this.containers[i]._trigger(“change”, event, this._uiHash(this));
//Update the placeholder
this.options.placeholder.update(this.currentContainer, this.placeholder);
}
this.containers[i]._trigger(“over”, event, this._uiHash(this));
this.containers[i].containerCache.over = 1;
}
} else {
if(this.containers[i].containerCache.over) {
this.containers[i]._trigger(“out”, event, this._uiHash(this));
this.containers[i].containerCache.over = 0;
}
}
};
},
_createHelper: function(event) {
var o = this.options;
var helper = $.isFunction(o.helper) ? $(o.helper.apply(this.element[0], [event, this.currentItem])) : (o.helper == ‘clone’ ? this.currentItem.clone() : this.currentItem);
if(!helper.parents(‘body’).length) //Add the helper to the DOM if that didn’t happen already
$(o.appendTo != ‘parent’ ? o.appendTo : this.currentItem[0].parentNode)[0].appendChild(helper[0]);
if(helper[0] == this.currentItem[0])
this._storedCSS = { width: this.currentItem[0].style.width, height: this.currentItem[0].style.height, position: this.currentItem.css(“position”), top: this.currentItem.css(“top”), left: this.currentItem.css(“left”) };
if(helper[0].style.width == ” || o.forceHelperSize) helper.width(this.currentItem.width());
if(helper[0].style.height == ” || o.forceHelperSize) helper.height(this.currentItem.height());
return helper;
},
_adjustOffsetFromHelper: function(obj) {
if(obj.left != undefined) this.offset.click.left = obj.left + this.margins.left;
if(obj.right != undefined) this.offset.click.left = this.helperProportions.width – obj.right + this.margins.left;
if(obj.top != undefined) this.offset.click.top = obj.top + this.margins.top;
if(obj.bottom != undefined) this.offset.click.top = this.helperProportions.height – obj.bottom + this.margins.top;
},
_getParentOffset: function() {

//Get the offsetParent and cache its position
this.offsetParent = this.helper.offsetParent();