Javascript 看不到对象 ID

Question

我想通过 Javascript 对我的对象执行一些操作，但我不明白为什么我的脚本没有绑定对象。有什么建议吗？

我的 _index.html 文件：

<table>
  <% @tasks.each do |task| %>
    <tr class='tasks' id="task_<%= task.id %>">

      <td>
        <input type="checkbox" class='check' data-id="<%= task.id %>" >
      </td>

    </tr>
  <% end %>
</table>

这是 application.js 中的脚本：

$(document).on('ready page:load', function () {
    $('.check').on('change', function(){
    if ($(this).is(':checked')) {
    id = $(this).attr('data-id');
    $("task_<%= task.id %>").fadeOut();
    }
  });
})

它什么都不做。但是，当我使用 $(.tasks) 时，所有对象都会淡出。

Answer 1

将您的 javascript 修复为：

$(document).on('ready page:load', function () {
    $('.check').on('change', function(){
      if ($(this).is(':checked')) {
        var id = $(this).attr('data-id');
        # get `id` from attribute
        $("#task_" + id).fadeOut();
      }
    });
 })

您不能在application.js 中使用erb 插值，并非在所有情况下，但在这种情况下。因为application.js 脚本在客户端工作。

Adding JavaScript to Rails