Rails：在“.js.erb”文件中从“application.js”运行一个函数

Question

如何在.js.erb 文件中运行application.js 中的函数？我宁愿不必复制所述函数。

app/assets/javascripts/application.js

$(document).on('pagecontainershow', function() {
  var someFunction = function() {
    function someOtherFunction() {
      console.log('Hello world')
    }
  }();
});

app/views/articles/create.js.erb

<% unless @article.errors.any? %>
  someFunction.someOtherFunction();
<% end %>

Answer 1

rails 创建的默认application.js 中有一条注释说

// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file.

我可以处理这个问题的方法是将你的代码移动到另一个 js 文件，比如 functions.js，然后记下你在 application.js 中引用它们的顺序。您的functions.js 应该在使用这些功能的任何其他文件之前首先被要求。在你的情况下，你可以有类似的东西

应用程序.js

//= require jquery
//= require jquery_ujs
//= require functions
//= require_tree .

您现在应该可以在 create.js.erb 中调用该函数

Answer 2

正如我在评论中提到的那样你要么需要分离出你的函数，要么你需要调用包含这些函数的 on change 事件。试试这个：

function someotherfunction(){
  console.log("Hello");
}    

function somefunction(){
  someotherfunction();
  // your logic 
}

$(document).on('pagecontainershow', function(){
  somefunction();
});

<% unless @article.errors.any? %>
  someFunction();
<% end %>

Answer 3

我最终使该函数成为一个全局 jQuery 函数，现在它工作得很好：

global jquery function