Синтаксис для использования find() в элементах кеширования в литерале объекта

Question

Правильный синтаксис для определения $item:?

До сих пор у меня есть:

var Animations = { 

    el: { 
     $body:  $('html, body'), 
     $landing:  $('.landing'), 
     $item:  $landing.find($('.item')) 
    }, 

    init: function() { ..etc } 
} 

Я попытался с помощью this и Animations.el.//element// но не может прочитать свойство.

Answer 1

Вы не можете обратиться к члену литерала объекта в виде литерала объекта (потому что его не полностью построена на том месте, где пытаются сделать это), здесь:

$item: $landing.find($('.item')) 

$landing не определено.

Присвоить $item в вашем методе init().

init: function() { 
    this.el.$item = this.el.$landing.find($('.item')); 
} 

Answer 2

использование

Попробуйте это:

(...) 
$item: this.Animations.el.$landing.find($('.item')) 
(...) 

Answer 3

Запись его вне инициализации

var Animations = { 
    el: {} 
}; 

Animations.el.$body = $('html, body'); 
Animations.el.$landing = $('.landing'); 
Animations.el.$item = Animations.el.$landing.find($('.item')); 
Animations.init = function() { ..etc }