我已经开始使用jQuery UI了.
我想了解更多有关jQuery UI鼠标小部件的信息.我正在试图找出它的文档,但它不可用.任何人都知道资源的可用位置？
最佳答案
Mouse小部件是一个内部插件,似乎主要(或仅)用于低级拖放处理.
原文链接：https://www.f2er.com/jquery/428904.html我刚刚写了一篇关于使用它来推送你自己的拖放(而不是使用Draggable)的博文：http://www.solitr.com/blog/2012/05/roll-your-own-drag-and-drop-handling-with-jquery-ui/
它的要点是,你可以将它子类化,如下：
$.widget('ui.custommouse',$.ui.mouse,{
options: {
mouseStart: function(e) {},mouseDrag: function(e) {},mouseStop: function(e) {},mouseCapture: function(e) { return true; }
},// Forward events to custom handlers
_mouseStart: function(e) { return this.options.mouseStart(e); },_mouseDrag: function(e) { return this.options.mouseDrag(e); },_mouseStop: function(e) { return this.options.mouseStop(e); },_mouseCapture: function(e) { return this.options.mouseCapture(e); }
// Bookkeeping,inspired by Draggable
widgetEventPrefix: 'custommouse',_init: function() {
return this._mouseInit();
},_create: function() {
return this.element.addClass('ui-custommouse');
},_destroy: function() {
this._mouseDestroy();
return this.element.removeClass('ui-custommouse');
},});
然后实例化你刚定义的custommouse插件,并传递你自己的插件
事件处理程序作为选项：
$('#containerElement').custommouse({
mouseStart: function(e) { ... },mouseDrag: function(e) { ... },mouseStop: function(e) { ... }
});
