3

我有一个 ASP.NET MVC 4 Web 应用程序。在网页上，我有一个 HTML 表格，其中显示了许多项目。

我希望能够为项目表实现拖放重新排序，并将其保存回数据模型。

我已经查看并尝试了几种不同的方法来执行此操作，使用 JQuery UI 和其他一些插件，但我还没有成功地实现该功能。

我看过这个例子，但是我的表在实现它之后并没有改变它，如下所示：

        <script type="text/javascript">
        $(document).ready(function()
        {
            $('#clueTable tbody').sortable().disableSelection();
        });
    </script>

我有所有必要的 javascript：

<script type="text/javascript" src="~/Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery-ui-1.10.2.min.js"></script>

我不会发布整个表格，但它看起来像这样：

        <table id="clueTable" class="grid">
        <thead>
            <tr>
                <th>Clue #</th>
                <th>Location</th>
                <th>Quiz Clue?</th>
                <th>Actions</th>
            </tr>
        </thead>

        @for (int i = 0; i < Model.Clues.Count; i++)
        {
            <tbody>
                <tr>
                    <td>Number</td>
                    <td>Things</td>
                    <td>Yes</td>
                    <td>Stuff</td>
                </tr>
            </tbody>
        }
    </table>
4

1 回答 1

4

重复的tbody标签是你的问题。

作品：

http://jsfiddle.net/vR9UW/

不起作用：

http://jsfiddle.net/vR9UW/1/

于 2013-04-23T18:44:59.820 回答