从 erb 文件调用 js 函数

Question

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

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

我在应用程序中放置了一个名为 Foo（） 的 JavaScript 函数.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

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

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

这样，您的 html 在处理后是干净的，并且您的代码不显眼。