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