使用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事件中對其進行初始化。