使用OOP JavaScript

Question

我的代码中定义了以下javascript类：

MyWebsite.Static.Elements = {

    Validate: {        
        emailSuccess: $("#email_success"),
        emailCodeErrors: $(".verificationErrorText[style*='display: inline;']")
    },
    ...

如果我直接在chrome控制台中调用查询，我得到以下结果：

Query: MyWebsite.Static.Elements.Validate.emailCodeErrors
Result: []

Query: $(MyWebsite.Static.Elements.Validate.emailCodeErrors)
Result: []

Query: JSON.stringify($(MyWebsite.Static.Elements.Validate.emailCodeErrors))
Result: "{"selector":".verificationErrorText[style*='display: inline;']","context":{},"length":0}"

但如果我直接调用查询，我会得到我期望的结果：

Query: $(".verificationErrorText[style*='display: inline;']")
Result: [<div class=​"verificationErrorText" id=​"email_fail_retry" style=​"display:​ inline;​">​Incorrect code, please try again.​</div>​]

上述符号出了什么问题？

Answer 1

这取决于初始化对象的位置。尝试在onReady事件中初始化它。