Question

Launching code on document ready是jQuery的支柱。
但有时，在ready事件中会执行冗长的操作。
- 例如，将多个carousel实例附加到冗长的无序列表上需要一些时间。

问题：

如何在准备活动期间提高感知响应能力？

例如：

我可以使用“您知道吗？”弹出thickbox个实例。模糊底层DOM操作的部分？
- ...然后在ready事件完成后自动关闭该thickbox实例？

Answer 1

您提供给用户的每条反馈都会带来更好的感知响应能力。加载图像是经典的 - 并且是众所周知的（即与用户思维模型一致）。厚箱本身可能相当烦人 - 但如果你将它与加载消息结合起来，就像游戏行业的大多数人已经发现的那样，通过同时教育用户和提供反馈，它将产生更好的结果。

[编辑]

这样的事情：

$(function() {
    tb_show(caption, url, imageGroup); // show thickbox

    /* lengthy operation here */

    tb_remove(); // remove thickbox
});

[/编辑]

Answer 2

除了进度指示器之外，您还可以使用Javascript setTimeout函数并行超短的多个操作。这有效地允许您在浏览器中使用多个线程，异步运行每个操作。

如果您的操作不依赖于订购或计时，请仅使用此技术，并且不要一次创建太多超时，否则可能会因内存使用量增加而导致浏览器挂起。

另请注意，浏览器的最小超时时间通常为10-20毫秒左右，但浏览器之间的延迟时间不同;它应该足够短，不会引起注意。如果将超时设置为0，则默认为浏览器最小值。

以下是您的轮播设置的简单示例，将列表分为两组：

setTimeout(function () {
    // code for attaching first carousel group
    // ...
}, 0);
setTimeout(function () {
    // code for attaching second carousel group
    // ...
}, 0);

jQuery：在准备活动期间提高感知响应能力

2 个答案: