从erb文件调用js函数答案

【问题标题】：Calling js function from erb file从erb文件调用js函数
【发布时间】：2016-06-21 22:02:07
【问题描述】：

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

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

我在 application.js 中有一个名为 Foo() 的 javascript 函数

现在我希望 td 标头显示如下内容：

选项 1 Foo()

我试过这样做：

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

但它没有用。也试过这个，但效果不佳：

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

有什么建议吗？！

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：