按下其他div时刷新div

Question

我按下div（刷新）时尝试刷新div（容器）。

这是我的index.html.erb：

<div id="Container">

<ul id="sortable1" class="connectedSortable"> 
  <% @tasks_worker_todo.each do |task| %>
        <li class="ui-state-default">
            <div id="refresh"><%= best_in_place task, :done, :classes => 'highlight_on_success', type: :checkbox,collection: %w[No Yes] %></div> | 
            <%= task.admin_mail %> | 
            <%= task.task %>
        </li>
  <% end %>
</ul>

<br><br>

<ul id="sortable2" class="connectedSortable">
  <% @tasks_worker_done.each do |task| %>
        <li class="ui-state-highlight">
            <%= best_in_place task, :done,:classes => 'highlight_on_success', type: :checkbox, collection: %w[No Yes] %> | 
            <%= task.admin_mail %> | 
            <%= task.task %>
        </li>
  <% end %>
</ul>

</div>

这就是我在application.js中尝试的内容：

$(document).ready(function() {
   $("#refresh").bind("click", function() {
     $("#Container").reload()
   });
});

请帮助..

Answer 1

您可以按location.reload()重新加载页面，但无法重新加载DIV。您需要使用iframe或最好使用AJAX来完成您的任务。