简单的 javascript 在 Shopify 中不起作用

Question

我放弃了，即使在 Shopify 文档中说它应该这样做，我也无法让它工作。我只需要关闭加载微调器。

这是我的 javascript

<script type="text/javascript">
  ShopifyApp.ready(function(){
  ShopifyApp.Bar.loadingOff();
  });
</script>

然后这是 Shopify 的文档：

ShopifyApp.Bar.loadingOff()

停止加载微调器。可能应该在每个页面上调用 ShopifyApp.ready()。

application.html.erb 文件或embedded_app.html.erb 文件中没有任何内容可以覆盖此内容。

I found other people with the same issue.

知道我做错了什么吗？

Answer 1

我认为您缺少关键调试检查。检查您的控制台，特别是嵌入式 App iframe 的控制台日志。我打赌你会找到两件事之一。

1. 您犯了一个 JS 错误，因此该代码未运行（您粘贴的代码正确且有效）

2. 有另一个进程不工作，比如连接到网络资源（websocket??）

任何时候 Shopify 嵌入式应用程序代码出现问题，您都可能会看到加载栏缓慢而永久地运行。这些事件通常是短暂的。

我的猜测是，你的代码中有一个 JS 错误，所以一旦你修复它，你的加载栏问题就会消失。