【问题标题】:Show div during page refresh or user clicks link在页面刷新或用户单击链接期间显示 div
【发布时间】:2020-08-16 18:36:42
【问题描述】:

(首先,我使用WordPress)我有一个加载页面时的加载器,它只在当前页面加载时出现。 当用户单击链接时,我想在页面开始刷新以转到另一个页面时立即显示此加载器。

我尝试过使用 onClick、Ajax ... 没有任何效果,我的页面在网站的某些部分加载为空白。

有谁知道点击链接时可以显示 div 的东西?假设页面加载器有一个 class="loftloaderspiner"

【问题讨论】:

  • 空白页面与您单击链接的页面不同,并且该页面中的所有代码都消失了。当你得到一个空白页面时,检查生成的源代码。对于 wordpress 空白页,网上有很多解决方案

标签: javascript html css ajax


【解决方案1】:

当你“点击一个链接”时——你可以做任何你想做的事。您可以阻止默认行为 - 而是“做某事” - 然后在之后 - 向该 URL 发出请求 / 但是 - 在你的情况下 - 它仍将连接到服务器 + 从服务器上的 PHP 构建和 HTML 页面 +发回对该 HTML 页面的引用 + 构建 DOM + 绘制页面......等等/它不会很顺利。

您完全可以 - 去 'fetch'(ajax) - 页面的新内容 - 然后重建页面的一部分/客户端渲染 --- 但是,如何确保 URL 更改......和后退按钮有效……等等。

我感受到你的痛苦——我理解你这样做的愿望。同样的事情基本上是我成为网络开发人员的原因 - 但是 - 最后......最好放手

选择制作一组相互关联的 Web 文档(一个网站) - 并根据它们的本质来处理它的限制和好处 ---

或者 - 构建一个 Web 应用程序 - 并使用 Ember.js 等成人工具 - 全力以赴。

第三种选择...取决于您的目标...和项目。如果你需要一些花哨的东西——但它不是基于 URL/路由器的——那么你可以在你的 PHP 页面中间放一个小 Vue.js(或只是 JavaScrip)应用程序。

但是 - 到目前为止,所有这些选项听起来有点超出你的技能水平(这没关系!) - 但是/我的建议 - 是不要挂在装载机上。最后……用户不在乎/他们超级超级难做好 - 最终 - 他们非常昂贵,回报很少。

祝你好运!

【讨论】:

  • 感谢您所做的一切。我正在使用 WordPress 编写一个渐进式 Web 应用程序,正因为如此,我需要创建这种体验,因为 Play Store 和 Apple Store 等应用商店建议显示有一些加载内容可以提供沉浸式体验。
  • 你知道在 WordPress 中安装这个框架的方法吗?
  • 不知道怎么解释。我做过一些类似的事情......但这就像价值 50k 的工作......所以,再次......我不推荐它 - 除非它有真正的 - 用户体验的可衡量的理由。 smashingmagazine.com/2016/07/…css-tricks.com/page-transitions-for-everyone 或获得内置这些东西的 WP 主题
猜你喜欢
  • 2016-01-27
  • 2014-01-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-05-01
  • 1970-01-01
相关资源
最近更新 更多