jquery - 如何在 jquery 滑块中按需加载？

Question

我一直是带有内容的 JQuery UI 滑块，并且 div 内容中有很多图像，滑块可以工作，但速度很慢，因为它在页面加载时加载了整个 div。当我单击滚动或圆形按钮时，我如何设置 jquery ui 滑块以按需加载。

所有图片都在 img 之类的文件夹中。我使用这个“http://jqueryui.com/demos/slider/#side-scroll”。

Answer 1

文档加载完成后，您可以加载图像：

var img = $("<img />").attr('src', 'http://somedomain.com/image.jpg')
                      .load(function() {
                         if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
                             alert('broken image!');
                         } else {
                             $("#something").append(img);
                         }
                      });

来源：使用 jQuery 异步加载图像