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

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

if (this._mouseStarted) {
this._mouseStarted = false;
this._preventClickEvent = (event.target == this._mouseDownEvent.target);
this._mouseStop(event);
}
return false;
},
_mouseDistanceMet: function(event) {
return (Math.max(
Math.abs(this._mouseDownEvent.pageX – event.pageX),
Math.abs(this._mouseDownEvent.pageY – event.pageY)
) >= this.options.distance
);
},
_mouseDelayMet: function(event) {
return this.mouseDelayMet;
},
// These are placeholder methods, to be overriden by extending plugin
_mouseStart: function(event) {},
_mouseDrag: function(event) {},
_mouseStop: function(event) {},
_mouseCapture: function(event) { return true; }
};
$.ui.mouse.defaults = {
cancel: null,
distance: 1,
delay: 0
};
})(jQuery);

ui.sortable.js

[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
/*
* jQuery UI Sortable 1.7.1
*
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* http://docs.jquery.com/UI/Sortables
*
* Depends:
* ui.core.js
*/
(function($) {
$.widget(“ui.sortable”, $.extend({}, $.ui.mouse, {
_init: function() {
var o = this.options;
this.containerCache = {};
this.element.addClass(“ui-sortable”);
//Get the items
this.refresh();
//Let’s determine if the items are floating
this.floating = this.items.length ? (/left|right/).test(this.items[0].item.css(‘float’)) : false;
//Let’s determine the parent’s offset
this.offset = this.element.offset();
//Initialize mouse events for interaction
this._mouseInit();
},
destroy: function() {
this.element
.removeClass(“ui-sortable ui-sortable-disabled”)
.removeData(“sortable”)
.unbind(“.sortable”);
this._mouseDestroy();
for ( var i = this.items.length – 1; i >= 0; i– )
this.items[i].item.removeData(“sortable-item”);
},
_mouseCapture: function(event, overrideHandle) {
if (this.reverting) {
return false;
}
if(this.options.disabled || this.options.type == ‘static’) return false;
//We have to refresh the items data once first
this._refreshItems(event);
//Find out if the clicked node (or one of its parents) is a actual item in this.items
var currentItem = null, self = this, nodes = $(event.target).parents().each(function() {
if($.data(this, ‘sortable-item’) == self) {
currentItem = $(this);
return false;
}
});
if($.data(event.target, ‘sortable-item’) == self) currentItem = $(event.target);
if(!currentItem) return false;
if(this.options.handle && !overrideHandle) {
var validHandle = false;
$(this.options.handle, currentItem).find(“*”).andSelf().each(function() { if(this == event.target) validHandle = true; });