jquery ui 手风琴在 asp.net mvc 视图中的表上

Question

我必须在 asp.net mvc 动态生成的表行中实现 jquery ui 手风琴和可排序。我已经实现了 sortable 并且它的工作正常，但是我怎样才能将手风琴加入到 table tbody 中。

        <table >    
    <tbody id="rowAccordion">
            @foreach (var item in Model)
            {
                <tr class="rowSort">
                    <td style="width: 200px;">
                        <h3>
                            <a href="#">@item.PageTitle</a>
                        </h3>
                        <div>
                            <p>
                                Discription
                            </p>
                        </div>
                    </td>
                </tr>
            }  
</tbody> 
</table>

<script>
    $(function () { $("#rowAccordion").accordion(); }); 

    $("#rowAccordion").sortable();
</script>

Answer 1

使用选项“标题”，使用您希望作为标题显示的列。

$(document).ready(function () {
    $("#rowAccordion").accordion({header: 'YOUR COLUMN SELECTOR HERE' });
});

第