javascript - 我的任务不在正确的类别中，但总是在第一个

Question

我来这里是因为我在 rails 上有一个待办事项列表应用程序，当我添加一个任务时，它没有进入正确的类别，但总是第一个！我搜索但找不到。

这是我的代码：

index.html.erb ：

<h1 class="text-center mb-4">Welcome to my todolist app</h1>
<%= render 'layouts/task_form'  %>
<div class="container">
  <ul>
  <% @categories.each do  |category|%>
  <li><%= category.title  %></li>
  <div class="card">
    <ul>
      <% category.tasks.each do |task|  %>
      <li  id="task-list">
        <%= task.title  %>
        <% unless task.deadline.nil? %>
          , to read: <%= task.deadline.strftime('%D')  %>
        <% end %>
      </li>
      <% end %>
    </ul>
  </div>
  <% end %>
  </ul>
</div>

<div class="container">
  <div class="row">
    <% @tasks.each do |task|  %>
      <div class="card col-3">
        <% unless task.image.nil? %>
          <%= image_tag task.image, class: "rounded-circle" %>
        <% end %>
      </div>
    <% end %>
  </div>
</div>

创建.js.erb：

document.getElementById("task-list").insertAdjacentHTML("beforeend", "<%= j render 'task', task: @task %>")

标签： javascriptruby-on-railsajaxcategories