Question

我正在使用Ruby on Rails并使用ajax_will_paginate呈现页面。它运行正常但我在HTML页面中使用了JavaScript表格排序。当我点击下一页时，ajax_will_paginate将删除表格排序功能。

这是我的_cantacts.html.erb

<table class="tablesorter">

         <thead>
          <tr>
            <th>Name</th>
            <th>Office</th>
            <th>Fax</th>
            <th>Cell</th>
            <th>Email</th>
            <th>Position</th>
            <th>Mainconact</th>
            <th></th>
            <th>Actions</th>
          </tr>
        </thead>

        <tbody>
          <% @contacts.each do |contact| %>
            <tr>
              <td><%= contact.Name.capitalize %></td>
              <td><%= contact.Office %></td>
              <td><%= contact.Fax %></td>
              <td><%= contact.Cell %></td>
              <td><%= contact.Email %></td>
              <td><%= contact.Position %></td>
              <td><%= contact.MainContact %></td>
              <td><%= link_to 'Show', edit_contact_path(contact) %></td>
              <!--<td><%= link_to 'Edit', edit_contact_path(contact) %></td>-->
              <td><%= link_to 'X', contact, :class=>'rmv-fld', method: :delete, data: { confirm: 'Are you sure?' } %></td>
            </tr>
          <% end %>
        </tbody>
      </table>

而index.js.erb是：

$('.sort_paginate_ajax').html("<%= escape_javascript(render("contacts"))%>")

Answer 1

在将部分内容渲染为html元素后，通过调用tablesorter插件函数来更新DOM。

index.js.erb的。

$('.sort_paginate_ajax').html("<%= escape_javascript(render("contacts"))%>")
$(".tablesorter").tablesorter();

ajax调用后，sorter插件不起作用（jquery tablesorter）

1 个答案: