文字对象中的元素？

Question

我有这个HTML：

<div id='myDiv'></div>

如果我使用这个javascript：

var test = {
    vars: {
        $mydiv: $('#myDiv')
    },

    HideDiv: function () {
        this.vars.$mydiv.hide();
    }
} 

test.HideDiv();

然后它失败了。我真的必须这样做：

var test = {
    vars: {
        mydiv: '#myDiv'
    },

    HideDiv: function () {
        $(this.vars.mydiv).hide();
    }
} 

test.HideDiv();

感谢。

Answer 1

在加载DOM之后需要创建test对象，以便jQuery知道#myDiv存在：

$(document).ready(function() {
    var test = {
        vars: {
            $mydiv: $('#myDiv')
        },

        HideDiv: function () {
           this.vars.$mydiv.hide();
        }
    }
    // ...
});