javascript - Heroku 上的 Rails 应用程序加载 Javascript，但 JS 函数未运行

Question

我在heroku上部署了一个rails应用程序，并且在获取用jquery编写的新javascript并在该网站的部署版本上工作时遇到了一些问题。

我尝试了许多不同的方法来预编译 Assets ，看起来它们实际上是在部署到 Heroku 时预编译的。但我不认为预编译是问题所在。奇怪的是我可以看到浏览器中加载了新的 Javascript 函数。

例如，我有一个简单的函数，可以隐藏一个按钮，直到单击另一个按钮，非常简单，并且在开发中运行良好。在网站的部署版本上，我可以在 application.js 源文件中找到该函数，但它应该隐藏的按钮并未隐藏。

看来 JavaScript 已加载，但无法正常工作。有人在使用 Heroku 部署时遇到过这个问题吗？

这里是一些无法正常工作的 javascript 的示例，同样是用 jquery 编写的。

$('#remove_sock_selection').click(function(){
  $('#sock_images > ul > li > div').removeClass('selected').removeClass('make-thumbnail').removeClass('make-selected');
  $('#sock_images > ul > li').removeClass('mx-0');
  $('#sock_images > ul').removeClass('make-centered');
  $('#sock_images').addClass('mt-5');

  $('#sock_image_selected').hide();
  $('#packaging_images').hide();
  $('#addAdditionalSock').show();
});

它实际上只是根据单击的时间添加/删除 css 类。

Answer 1

您是否已重置缓存或重新启动您的生产？你可以发送你添加的js吗？只需仔细检查您的生产系统是否已经重新启动/重置了 Rails 的缓存。这是生产中更新 js 文件时的常见问题。

或者尝试重置您的浏览器缓存。希望这会有所帮助。