javascript - 我想将一组 jquery 选择器存储为要延迟评估的数据结构

Question

我想知道最合理的方法是存储一组 jquery 选择器并在使用时对它们进行求值，而不是在声明时进行求值。

我目前将我的控件存储在一个外部文件中，然后在控件加载后动态加载外部脚本文件。

外部文件.js

var repo = {
    "grid_prevpage"     : $("button[data-qtip='Previous Page']")[0],
 };

而且我能够像这样在我的主脚本中成功地使用它

主脚本.js

console.log(repo.grid_prevpage);

问题是最初并不存在所有控件。因为加载文件时它们不存在，所以它们是未定义的，即使查询现在有结果。我想让我的数据结构包含选择器而不是选择器的结果，然后在使用时评估选择器。

性能不是问题。此应用程序需要灵 active 和可读性，因此首选简洁的解决方案。

Answer 1

我喜欢 Kevin B 的回答，但这里有一个有趣的替代方法:

将它们存放在闭包中。它的优点是语法稍微简单一些，并且像 Kevin 的解决方案一样不会受到元素加载时间的负面影响。

queries = {};
queries.grid_prevPage= function(){
    return $("button[data-qtip='Previous Page']");
}

console.log(queries.grid_prevPage());