javascript - 将 jQuery 选择器缓存到 JavaScript 对象？

Question

基于类似于下面的javaScript代码，我希望能够用来panelDNS.cache.propertyName缓存几个常用的jQuery选择器

问题是我似乎需要把它包$(document).ready(function() { )起来才能工作。

我只是在学习 JS，所以我不确定如何做到这一点并保持我的简短 panelDNS.cache来访问这些值？

澄清我的问题。由于panelDNS.cache不是Function我可以在我的init函数中调用的，我需要弄清楚如何确保在panelDNS.cache调用或运行之前加载 DOM

var panelDNS = {

  unsavedChanges: false,

  init: function () {
    $(document).ready(function () {
      PanelDNS.events();
    });
  },


  cache: {
    dnsTitleId: $("#dnsTitle"),
    translation: {
      absolute: 0,
      relative: 0,
      sinceDirectionChange: 0,
      percentage: 0
    }
  },

  events: {

  }

}

Answer 1

“我在问，如何确保 panelDNS.cache.xxx 仅在 DOM 加载后才被调用”

你对此负责。通过在文档就绪函数中启动应用程序，确保您的应用程序代码仅在加载 DOM 后执行：

$(function(){
    //Your kickoff code
});