php - 里程表在wordpress页面中不生效

Question

我正在尝试制作一个 youtube 视图实时计数器，我达到了一个步骤，我可以每 5 秒获取一次视图并在 wordpress 页面上更新它。

问题是我想实现里程表效果，所以我使用这个 https://github.hubspot.com/odometer/

我在头部导入css，在正文之后导入脚本。div 有类“里程表”，但它没有生效。

Answer 1

不久前我确实遇到了与 gatsby 类似的问题，但是如果您提供 ccss，那么它不是远程的，它可能会有所帮助

Answer 2

<link rel="stylesheet" href="https://github.hubspot.com/odometer/themes/odometer-theme-car.css">

请注意https://在 href 的开头。

如果您使用当前代码查看控制台，您会在 css 文件中看到 404，如

github.hubspot.com/odometer/themes/odometer-theme-car.css 实际上是在说： http://yourdomain.com/yourfilepath/github.hubspot.com/odometer/themes/odometer-theme-car.css

出于同样的原因，你也需要对你的 JS 做同样的事情：

 <script src="https://github.hubspot.com/odometer/odometer.js"></script> 

控制台是您的朋友。

旁注，您可能希望在本地提供 CSS 文件（将其下载到您站点的目录，然后使用本地路径），而不是依赖远程 URL。