-1

jQuery を使用して (jQuery プラグインを使用せずに) HTML テーブルにテーブル行をランダムにドラッグ アンド ドロップしたい。

何か提案はありますか？

4

1 に答える 1

1

最も単純な最初。jquery ui をプラグインと見なしますか?

いいえの場合は、ソート可能な方法を探す必要があります http://jqueryui.com/demos/sortable/ また、ドロップ可能でドラッグ可能な方法もあります。

sortable を使用すると、ソート可能な動作をテーブルにすばやく追加できます。ヘッダー行と本文行を混在させる必要があるため、connectWith オプションを試すことができます。

<body>
    <table>
        <tr class="connectedSortable">
            <th>Column1</th>
            <th>Column2</th>
            <th>Column3</th>
            <th>Column4</th>
            <th>Column5</th>
        </tr>
        <tr class="connectedSortable">
            <td>item1</td>
            <td>item2</td>
            <td>item3</td>
            <td>item4</td>
            <td>item5</td>
        </tr>
        <tr class="connectedSortable">
            <td>item11</td>
            <td>item22</td>
            <td>item33</td>
            <td>item44</td>
            <td>item55</td>
        </tr>
    </table>

    <script type="text/javascript">
        (function($){
            $(document).ready(function(){
                $('table tr').sortable({
                    connectWith: ".connectedSortable"
                });
            });
        })(jQuery);
    </script>

</body>
于 2012-08-23T10:01:55.643 に答える