Function jQuery-Plugin生成一个错误;这个.x不是一个函数;

Function jQuery-Plugin生成一个错误;这个.x不是一个函数;,function,plugins,Function,Plugins,我用这个插件为自己创建了一个基本插件,但由于某些原因,我无法让它工作。 我的目标是创建一个插件,使任何元素都可以拖动。 这是我的密码: var continues = true; var elementPosition; (function ( $ ) { $.fn.dragIt = function() { this.mousedown(function(i){ elementPosition = this.position(); continu

我用这个插件为自己创建了一个基本插件,但由于某些原因,我无法让它工作。 我的目标是创建一个插件,使任何元素都可以拖动。 这是我的密码:

var continues = true;
var elementPosition;
(function ( $ ) {
    $.fn.dragIt = function() {
    this.mousedown(function(i){
        elementPosition = this.position();
        continues = true;
        initialCursorX = i.pageX;
        initialCursorY = i.pageY;
        $(document).on('mousemove', function(e){
        if(continues == true) 
        {
        this.css({
           left:  elementPosition.left + e.pageX - initialCursorX,
           top:   elementPosition.top + e.pageY - initialCursorY,
        });
        }
        });
    });

this.mouseup(function(){
continues = false;
});
}}( jQuery ));

$('#square').dragIt();
每次在#square div上触发mousedown事件时,我都会得到一个错误:“this.position不是函数”。 怎么了

编辑:请注意,如果我不使用插件直接进行编辑,它将完美工作