在对象文字中的元素缓存中使用find（）的语法

Question

Whats the correct syntax for defining $item: ?

So far I have:

var Animations = {

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

    init: function() { ..etc }
}

I've tried using this and Animations.el.//element// but cannot read property.

Answer 1

You cannot refer to a member of an object literal within an object literal (because its not fully constructed at the point you attempt to do so), here:

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

$landing is undefined.

Assign to $item in your init() method.

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

Answer 2

Try use this:

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

Answer 3

Write it outside initialization

var Animations = {
    el: {}
};

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