將jQuery選擇器緩存到JavaScript對象？

Question

基於類似於以下javaScript的代碼，我希望能夠使用panelDNS.cache.propertyName來緩存幾個常用的jQuery選擇器

問題是似乎我需要將其包裝在$(document).ready(function() { )中才能起作用。

我只是在學習JS，所以我不確定如何做到這一點並保留我的short panelDNS.cache來訪問這些值？

為了澄清我的問題。 由於panelDNS.cache不是一個Function ，我可以在我的里面調用init函數，我需要弄清楚如何確保DOM加載之前panelDNS.cache被調用或跑

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
});