从erb文件调用js函数

Question

我有一个创建表的erb文件。像这样：

<td>Option 1</td>
<td>Option 2</td>

我有一个名为Foo（）的javascript函数放在application.js

中

现在我想让td标题显示如下：

选项1 Foo（）

我试过这样做：

<td>Option 1 <script type="text/javascript">Foo()</script></td>

它不起作用。也尝试了这个并且它也不起作用：

<td>Disbursement initiation date <%= javascript_tag "Foo()" %></td>

关于如何做的任何建议？！

Answer 1

通过在document.load jquery函数中编写函数来尝试这种方式。

<td>
 Option 1<script type="text/javascript">
         $(document).load(function(){
         Foo();
         });
         </script>
</td>

Answer 2

我认为你应该采取另一种方法;而不是尝试调用内联值，使用脚本在页面加载后填充值，您可以将此脚本添加到页面的末尾或将其包含在application.js中：

$(document).read(function() {
  $('#my_table_id td').each(function(index, col) {
    $(col).append(Foo());
  });
});

这样一来，你的html在处理完毕后就很干净了，你的代码也不引人注目。