В jQuery-ui this._mouseInit не является функцией ошибки, почему я получаю это после i upgrade до 1.8.2

Question

Привет, У меня возникают проблемы с моим приложением после того, как я обновился до 1.8.2 jquery-ui. Я получаю «this._mouseInit не является функцией ошибки».

Включает:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<style type="text/css" media="all">@import "css/pinpoint.css";</style> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css" type="text/css" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script> 
<script type="text/javascript" src="js/jquery.pinpoint.js"></script> 

Вот где код дает мне ошибку:

$(window).load(function() { 
    $.widget("ui.boxTool", $.extend({}, $.ui.mouse, { 

    _init: function() { 
    this.element.addClass("ui-boxTool"); 
    this.dragged = false; 

    this._mouseInit(); 
    this.width = $('#toPinpoint').width(); 
    this.height = $('#toPinpoint').height(); 

    this.helper = $(document.createElement('div')) 
     .css({border:'1px dashed #c2c0c0'}) 
     .css({cursor:'crosshair'}) 
     .addClass("ui-boxTool-helper"); 
    }, 

    destroy: function() { 
    this.element 
     .removeClass("ui-boxTool ui-boxTool-disabled") 
     .removeData("boxTool") 
     .unbind(".selectable"); 
    this._mouseDestroy(); 

    return this; 
    }, 

    _mouseStart: function(event) { 
    var self = this; 

    this.opos = [event.pageX, event.pageY]; 

    if (this.options.disabled) 
     return; 

    var options = this.options; 

    this._trigger("start", event); 

    $(options.appendTo).append(this.helper); 

    this.helper.css({ 
     "z-index": 100, 
     "position": "absolute", 
     "left": event.clientX, 
     "top": event.clientY, 
     "width": 0, 
     "height": 0 
    }); 
    }, 

    _mouseDrag: function(event) { 
    var self = this; 
    this.dragged = true; 

    if (this.options.disabled) 
     return; 

    var offset = $('.canvas').offset(); 
    var options = this.options; 
    var x1 = this.opos[0], y1 = this.opos[1], x2 = event.pageX, y2 = event.pageY; 
    if (x1 > x2) { 
     var tmp = x2; 
     x2 = x1; 
     x1 = tmp; 
    } 
    if (y1 > y2) { var tmp = y2; y2 = y1; y1 = tmp; } 
    if (x2 > this.width+offset.left-1){x2=this.width+offset.left-1;} 
    if (y2 > this.height+offset.top-1){y2=this.height+offset.top-1;} 
    if (x1 < offset.left){x2=this.offset.left;} 
    if (y1 < offset.top){ x2=this.offset.top;} 
    this.helper.css({left: x1, top: y1, width: x2-x1, height: y2-y1}); 

    this._trigger("drag", event); 

    return false; 
    }, 

    _mouseStop: function(event) { 
    var self = this; 

    this.dragged = false; 

    var options = this.options; 

    var clone = this.helper.clone() 
     .removeClass('ui-boxTool-helper').appendTo(options.appendTo); 



    this._trigger("stop", event, { box: clone }); 

    this.helper.remove(); 
    //$('.view-mode').remove(this.helper); 
    return false; 
    } 

    })); 
}); 

Answer 1

вы можете захотеть проверить это:
http://jqueryui.com/docs/Changelog/1.8

на странице поиске делового для: "мышь новый файл"

функции мыши была отделена от сердцевины

Answer 2

Синтаксис немного изменился в JQuery UI 1.8+ при расширении виджета, это:

$(window).load(function() { 
    $.widget("ui.boxTool", $.extend({}, $.ui.mouse, { 

Должно быть просто следующим образом:

$.widget("ui.boxTool", $.ui.mouse, { 

Два здесь нет необходимости: $.extend() не требуется, это определяется аргументами сейчас, и вы не хотите объявлять плагины внутри события window.onload ... нет необходимости, и это вызовет проблемы.

---

Убедитесь, чтобы изменить конец, чтобы соответствовать, а, последние 2 строки:

})); 
}); 

теперь должно быть просто:

});