Javascript 创建一个特殊的jQuery函数

Javascript 创建一个特殊的jQuery函数,javascript,jquery,api,Javascript,Jquery,Api,我试图创建一个函数,将元素移动到选定位置: 我希望它看起来像这样: $('#drag').jDrag.moveTo(233, 1); 因为这将是我的插件的api 我的代码是: $.jDrag = function () {}; $.fn.jDrag.moveTo = function (x, y) { $(this).animate({ position: 'absolute', left: x, top: y }); }; 代

我试图创建一个函数,将元素移动到选定位置:

我希望它看起来像这样:

$('#drag').jDrag.moveTo(233, 1);
因为这将是我的插件的api

我的代码是:

$.jDrag = function () {};
$.fn.jDrag.moveTo = function (x, y) {
    $(this).animate({
        position: 'absolute',
        left: x,
        top: y
    });
};
代码破坏了我的插件。我知道为什么,因为这是错误的。但是我不知道怎么做。我使用的是
$.jDrag=function(){}
获取api函数中的
jDrag
部分


提前感谢。

只需稍作修改,您就可以做到这一点

    $.fn.jDrag = function(opt){

    if(opt.moveTo)
    {
        var x = opt.moveTo.x, y = opt.moveTo.y
        $(this).animate({
            position: 'absolute',
            left: x,
            top: y
        });
    }

};
因此,最终结果是:

$(window).load(function(){
      $('#some').jDrag({moveTo:{x:233, y:1}});
});

只要稍加修改,您就可以做到这一点

    $.fn.jDrag = function(opt){

    if(opt.moveTo)
    {
        var x = opt.moveTo.x, y = opt.moveTo.y
        $(this).animate({
            position: 'absolute',
            left: x,
            top: y
        });
    }

};
因此,最终结果是:

$(window).load(function(){
      $('#some').jDrag({moveTo:{x:233, y:1}});
});

那不行,因为
这个
会丢失。那不行,因为
这个
会丢失。