Как обернуть jquery aimate?

Question

Я пытаюсь обернуть централизовать вызова JQuery .animate н мое приложение

$('#' + this.elmItem).animate({"top": moveTo}, speed, function() { 
     var item = scope.getItemSizeDom(); 
     scope.saveItemSize(item); 
    }); // This works 

Я пытаюсь обернуть в методе без успеха, не могли бы вы сказать мне, что я делаю неправильно здесь пример того, как исправить Это?

this.itemAnimate = function(direction, moveTo, speed) { 
    $('#' + this.elmItem).animate({direction: moveTo}, speed, function() { 
     var item = scope.getItemSizeDom(); 
     scope.saveItemSize(item); 
    });// This does not work 
}; 

this.itemAnimate("top", moveTo, "fast"); 

Answer 1

Вы можете передать объект в качестве параметра для анимации метод:

this.itemAnimate = function (direction, moveTo, speed) { 
    var param = {}; 
    param[direction] = moveTo; 
    $('#' + this.elmItem).animate(param, speed, function() { 
     var item = scope.getItemSizeDom(); 
     scope.saveItemSize(item); 
    }); // This does not work 
}; 

Answer 2

Некоторые чтения: http://odetocode.com/blogs/scott/archive/2007/07/05/function-apply-and-function-call-in-javascript.aspx

Функция не знает, что this происходит потому, что он не имеет контекст. Дайте ему контекст, как это:

this.itemAnimate.apply(this, ["top", moveTo, "fast"]); 

, а не

this.itemAnimate("top", moveTo, "fast"); 

Но было бы лучше, если бы вы псевдонимами this в какой-то другой переменной, чтобы он не затерялся в цепочке областей видимости.

var my_thing = this; // be descriptive about what it is exactly. 
my_thing.itemAnimate.apply(my_thing, ["top", moveTo, "fast"]); 

Answer 3

Вам нужно создать базовый JQuery плагин:

$.fn.itemAnimate = function(direction, moveTo, speed) { 
    var params = {}; 
    params[direction] = moveTo; 
    $(this).animate(params, speed, function() { 
     //do something here 
    }); 
}; 

А потом называют это:

$("whatever").itemAnimate("top", moveTo, "fast"); 

И в jsFiddle