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

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

var t = this.options.toleranceElement ? $(this.options.toleranceElement, item.item) : item.item;
if (!fast) {
item.width = t.outerWidth();
item.height = t.outerHeight();
}
var p = t.offset();
item.left = p.left;
item.top = p.top;
};
if(this.options.custom && this.options.custom.refreshContainers) {
this.options.custom.refreshContainers.call(this);
} else {
for (var i = this.containers.length – 1; i >= 0; i–){
var p = this.containers[i].element.offset();
this.containers[i].containerCache.left = p.left;
this.containers[i].containerCache.top = p.top;
this.containers[i].containerCache.width = this.containers[i].element.outerWidth();
this.containers[i].containerCache.height = this.containers[i].element.outerHeight();
};
}
},
_createPlaceholder: function(that) {
var self = that || this, o = self.options;
if(!o.placeholder || o.placeholder.constructor == String) {
var className = o.placeholder;
o.placeholder = {
element: function() {
var el = $(document.createElement(self.currentItem[0].nodeName))
.addClass(className || self.currentItem[0].className+” ui-sortable-placeholder”)
.removeClass(“ui-sortable-helper”)[0];
if(!className)
el.style.visibility = “hidden”;
return el;
},
update: function(container, p) {
// 1. If a className is set as ‘placeholder option, we don’t force sizes – the class is responsible for that
// 2. The option ‘forcePlaceholderSize can be enabled to force it even if a class name is specified
if(className && !o.forcePlaceholderSize) return;
//If the element doesn’t have a actual height by itself (without styles coming from a stylesheet), it receives the inline height from the dragged item
if(!p.height()) { p.height(self.currentItem.innerHeight() – parseInt(self.currentItem.css(‘paddingTop’)||0, 10) – parseInt(self.currentItem.css(‘paddingBottom’)||0, 10)); };
if(!p.width()) { p.width(self.currentItem.innerWidth() – parseInt(self.currentItem.css(‘paddingLeft’)||0, 10) – parseInt(self.currentItem.css(‘paddingRight’)||0, 10)); };
}
};
}
//Create the placeholder
self.placeholder = $(o.placeholder.element.call(self.element, self.currentItem));
//Append it after the actual current item
self.currentItem.after(self.placeholder);
//Update the size of the placeholder (TODO: Logic to fuzzy, see line 316/317)
o.placeholder.update(self, self.placeholder);
},
_contactContainers: function(event) {
for (var i = this.containers.length – 1; i >= 0; i–){
if(this._intersectsWith(this.containers[i].containerCache)) {
if(!this.containers[i].containerCache.over) {
if(this.currentContainer != this.containers[i]) {
//When entering a new container, we will find the item with the least distance and append our item near it