javascript - 如何在我的 list 文件异步加载后加载页面 javascript

Question

我正在尝试将我的应用程序转换为异步 javascript 加载:

<%= javascript_include_tag "application", async: true %>

问题是在异步加载 Jquery 之前正在运行任何特定于页面的脚本。我怎样才能推迟这些，直到加载 application.js list 文件。

我尝试将我的页面 js 包装在 $(window).load(function(){}); 中，但这没有帮助。我仍然看到以下错误:

Uncaught ReferenceError: $ is not defined

更新:

这似乎对我有用，但我希望有人确认这是正确的方法:

<%= javascript_include_tag "application", async: true, onload: 'pageScripts()' %>

然后页面脚本如下:

<script>
  function pageScripts() {
    // do something
  }
</script>

Answer 1

您的方法是正确的，但我建议将您的 Async 限制为仅用于生产，因为在开发过程中 Sprockets 尚未连接所有文件。

<%= javascript_include_tag "application", async: Rails.env.production?, onload: 'pageScripts()' %>