jquery - 加速 JavaScript/jQuery 函数

Question

我知道你可以使用“var = $xxx”在 jquery/javascript 中缓存选择器。我已经对所有将多次使用的选择器执行此操作...

问题:访问者第一次通过单击激活该功能时，JavaScript 动画速度很慢。下次他们点击时，它会毫不犹豫地起作用。

由于我对 JavaScript 不太了解，我想知道这是因为下面的 A 还是 B:

答:这是因为浏览器仅在访问者“点击”时才缓存选择器。

B:这是因为浏览器会记住该功能/动画。

询问 A 是否为真:

有没有办法在点击函数之前缓存所有选择器？

有没有办法让浏览器记住缓存的选择器，直到下次访问该网站为止？

询问 B 是否为真:

我可以以某种方式缓存 JavaScript 中的函数吗？

或者我可以展示如何在访问者到达时运行所有函数(例如，首先弹出一个 z-index 10000 的加载 div 并运行其后面的所有函数)。

下面是一些示例代码:

$(document).ready(function(){

var $selector1 = $('#div1'),
$selector2 = $('#div2');

$selector1.click(function(){
$selector2.animate({height:'toggle'},350)
});

});

抱歉我的英语不好。

Answer 1

希望这些评论能够回答您有关 jQuery 缓存的问题。正如他们所说，您的代码看起来不错，因此可能是浏览器的问题。

如果您想在页面加载时显示加载图像，您可以在页面开头添加加载图像:

<div id="loader">
<img src="loader.gif" alt="Loading..." />
</div>

然后使用 CSS 对其进行样式设置，例如:

#loader {
   z-index: 100;
   position: fixed;
   top: 50%;
   left: 50%;
   margin-left: -10px; //(or half the width of your loader image)
}

然后添加 jQuery 函数以在页面完成加载后隐藏它:

jQuery(window).load(function() {
   jQuery('#loader').hide();
});