javascript - 使用jquery对jsp中的表行进行排序

Question

我想拖放表格的行。我为此使用 jquery 排序器。它允许我拖动行，但没有将其放置在所需的位置。如果我离开该行，它会返回到其原始位置。

jsp

    <table cellpadding="5" cellspacing="5" id="diagnosis_list">
        <thead>
            <tr>
                <th>id</th>
                <th>Demand id</th>
                <th>itemCode</th>

            </tr>
        </thead>
        <c:forEach var="Demand" items="${Demand}">


            <tbody>
                <tr id="tr<%=count%>">
                    <td class="sorter"></td>
                    <td>${Demand.id}</td>
                    <td>${Demand.demandId}</td>
                    <td>${Demand.itemCode}</td>
                </tr>
            </tbody>
            <%
                count = count + 1;
            %>
        </c:forEach>
    </table>

Javascript

$(document).ready(function() { 
    $("#diagnosis_list tbody").sortable();
    $("#diagnosis_list tbody").disableSelection();
});

我真的不知道我错在哪里。我指的是 jquery 网站。有谁知道答案吗。非常感谢您的帮助。

Answer 1

你应该移动

<c:forEach var="Demand" items="${Demand}"> 

里面< body >标签。

如您所见，它会创建多个 < body >表和 sortable 的标签扩展无法处理它。