创建一个特殊的jQuery函数

Question

我正在尝试创建一个将元素移动到所选位置的函数：

我希望它看起来像这样：

$('#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部分。

提前致谢。

Answer 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}});
});