3

ASP.NET MVC 4 Web アプリケーションがあります。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 に答える