Javascript “中的内容加载非常慢”;“树状视图”;页面加载

Javascript “中的内容加载非常慢”;“树状视图”;页面加载,javascript,css,laravel,Javascript,Css,Laravel,我的网站上有一个不同产品的树状视图,如下所示: 问题是,当我点击其中一个菜单,例如“ССааа”或“Сааа2”时,整个页面会重新加载,并且菜单会像这样出现几秒钟(当DOM加载时): 我不想在等待加载内容时扩展菜单。相反,我希望看起来像这样: 如何实现这一点?我还没有使用laravel,但听起来您希望自己的树被延迟加载。这意味着页面只加载树的顶层,然后每次用户扩展分支时,您都会执行一个XHR请求来加载子节点。我想需要更清晰一些 你不想重新加载页面吗?在这种情况下,您需要使用AJAX来获取子数据

我的网站上有一个不同产品的树状视图,如下所示:

问题是,当我点击其中一个菜单,例如“ССааа”或“Сааа2”时,整个页面会重新加载,并且菜单会像这样出现几秒钟(当DOM加载时):

我不想在等待加载内容时扩展菜单。相反,我希望看起来像这样:


如何实现这一点?

我还没有使用laravel,但听起来您希望自己的树被延迟加载。这意味着页面只加载树的顶层,然后每次用户扩展分支时,您都会执行一个XHR请求来加载子节点。

我想需要更清晰一些

  • 你不想重新加载页面吗?在这种情况下,您需要使用AJAX来获取子数据,如所述
  • 是否希望从一开始就应用样式?在浏览了您共享的屏幕截图之后,这些样式也不会应用于“展开树视图”快照中的开始部分。您可以通过隐藏菜单一段时间来实现这一点,让样式被加载,然后您可以显示整个内容