如何加载页面的JavaScript我的清单文件的异步加载

Question

我想我的应用程序转换为异步JavaScript加载与后：

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

的问题是，任何特定页面的脚本正在jQuery的之前运行异步加载。我如何推迟这些，直到application.js清单文件已被加载。

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

Uncaught ReferenceError: $ is not defined 

更新：

这似乎是为我工作，但我想有人来确认它是正确的做法：

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

然后在网页脚本，如：

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

Answer 1

你方法是正确的但是我会建议限制你的异步仅用于生产，因为在开发中Sprockets还没有将所有文件串联起来。

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