如何动态显示照片而不使用许多DOM元素（ipad浏览器崩溃了许多DOM元素）？

Question

我将照片显示为网格（每行3个）。

我在server1中拥有包含照片网址的数据库，并且应该将客户端脚本（html和js）放在server2中。

所以我必须使用ajax请求（jsonp）获取照片网址。

我正在获取照片网址，使用DOM动态创建div并显示照片。如果用户点击“查看更多”按钮，则会显示下一组照片。

问题在于ipad浏览器。当显示的照片数量超过15或20时，它们会崩溃。我搜索了这一点，发现ipad浏览器无法处理许多DOM元素。

所以我想出了一个只有4行照片的想法。然后，当用户点击“查看更多”时，我用新照片替换第一行。但是，当用户点击“查看上一个”或滚动到浏览器顶部时，我应该显示第一组照片。

我该如何实现？ javascript池会帮我实现吗？我如何使用JavaScript池？我是线程和池的新手。

请帮忙

Answer 1

css显示属性应该有效。默认情况下隐藏所有元素（显示：无），每次显示更多元素，最后一页隐藏，新页面显示。通过这种方式，您可以避免崩溃，因为未显示的doms不会影响浏览器呈现。