如何在网站上加载特定的div之前？

Question

我在网站上有两个div面板(left_panel和right_panel)。左侧面板有数百个食物项目，右侧面板有一个小的订单箱，我们可以从左侧面板中看到用户添加了多少项目。现在的问题是，当页面加载时，左侧面板需要很长时间才能从数据库中提取数据，并且当页面完全加载时，会出现右侧面板。在jquery的帮助下，我可以先加载右侧面板，然后再加载左侧面板，或者在网站上加载任何其他内容？

Answer 1

这里几乎没有什么东西

左侧面板有成百上千的食物项目，右侧面板有一个小的订单箱，我们可以从左侧面板中看到用户添加了多少项目。

您可以通过使用分页、建议/推荐或搜索来推迟加载此处的一些数据。我不认为用户会有从数百条记录中搜索所需项目的非常愉快的体验

页面加载左面板需要很长时间才能从数据库中获取数据

从数据库获取记录在html开始呈现时就已经完成了，除非您稍后从XHR/Ajax请求中延迟执行此操作。即使它是通过AJAX完成的，它也将并发完成，并且可能不会严重影响其他DOM元素的加载。

我会：

1. 首先加载右侧面板。
2. 通过AJAX加载左侧面板，并实现分页或实时搜索功能。

Answer 2

首先隐藏右边的列，然后在ajax函数(或加载内容的任何东西)中放置一个回调，使右边的列可见。

Answer 3

我建议您在加载主页后使用AJAX加载左侧内容。基本的概念是有一个空的左面板，填充的右面板作为页面的核心HTML。然后，当页面加载到浏览器中时，使用AJAX (jQuery.load)引入左侧列的内容。