jquery UI と act_as_list を使用して、ドラッグ アンド ドロップで並べ替え可能なテーブルを作成しようとしています。
%tbody#lineup{"data-update-url" => sort_lineups_url}
- @pieces.each_with_index do |piece, index|
= content_tag_for :tr, piece do
= render 'piece', :piece => piece, :index => index
ul/li 要素を使用すると問題なく動作しますが、テーブルを使用したい (見栄えが良いため)。ただし、table/tr/td を使用すると、更新された順序が JavaScript のソート可能関数に渡されず、ドラッグ アンド ドロップして並べ替えた後でも常に元の順序が渡されます。ul/li 要素の代わりに table 要素を使用して更新された順序を渡す方法はありますか? テーブルは順序付けをサポートしていますか?
編集:
jQuery ->
$('#faqs').sortable(
axis: 'y'
update: ->
$.post($(this).data('update-url'), $(this).sortable('serialize'))
)