как повторно использовать экземпляр эффекта на jquery

Question

В mootools Я привык объявлять один раз и повторно использовать его часто. Пример FX будет выглядеть следующим образом:

myEffect1 = new Fx.Slide($('myElement1')); 

Как я могу перейти на jQuery? Значение, Документы сделать его straightfoward использовать:

$('myElement1').click(function(e){ 
    this.slideToggle(); 
}); 

Но если я хочу назвать этот эффект где-то еще в моем коде мне придется повторно объявить его? И разве этот подход не является более ресурсным голодом, чем тот, который выше? Как это будет правильно сделано в jQuery?

Answer 1

Просто вручную кэшировать результат, установленный в переменной перед вызовом функции, а затем повторно использовать функцию при необходимости:

var $el_one = $("#path .to > .selection"), // Stores jQuery object 
    $el_two = $("#path .to > .second"); // Stores jQuery object 

var effect = function(){ 
    $el_one.fadeIn(); 
    $el_two.fadeOut(); 
} 

Теперь вы можете позвонить в силу через любое время без переназначения детали. Вместо этого они используют кешированный выбор jQuery для правильной анимации.

Если вам нужна дополнительная ясность, сообщите мне.

Answer 2

var slideToggleEffect = function(e){ 
    this.slideToggle(); 
}; 

$('myElement1').click(slideToggleEffect); 
$('myElement2').click(slideToggleEffect); 
... 

Answer 3

Я бы пошел с плагином в этом случае. Например, это плагин, который я часто использую - очень простой слайд и эффект затухания.

$.fn.slideFadeToggle = function(easing, callback) { 
    return this.animate({opacity: 'toggle', height: 'toggle'}, "fast", easing, callback); 
}; 

Теперь вы можете вызвать slideFadeToggle на любой селектор, как это:

$("#somedom").slideFadeToggle(); 

Answer 4

Поскольку каждая команда действует на объект JQuery (объект, возвращаемый вызовом $() на селекторе), пример вы имеете это ближайшее сравнение с тем, что вы использовали в MooTools, насколько я вижу.

Больше ли ресурс голоден? Ну, это сложный вопрос для ответа, поскольку объекты-экземпляры - это всего лишь один фрагмент клиентского кода. Some framework methods for performing certain operations are better in some situations and worse in others.