javascript - 文字对象中的元素？

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

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

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

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