1

SelectBox を含むテーブルを並べ替えたい。テーブルを並べ替え可能にすると、SelectBoxes がドロップダウンしません。

この JQuery および UI バージョンは使用中です...
jquery-1.9.1.js
jquery-ui-1.9.1.js

誰かが私を助けてくれることを願っています。

これがコードです...

HTML

    <table id="sort">
        <thead>
        <tr>
            <th>AAA</th>
            <th>BBB</th>
            <th>CCC</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>111</td>
            <td>222</td>
            <td>
                <select name="s1">
                    <option value="1">v1</option>
                    <option value="2">v2</option>
                    <option value="3">v3</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>333</td>
            <td>444</td>
            <td>
                <select name="s2">
                    <option value="1">v1</option>
                    <option value="2">v2</option>
                    <option value="3">v3</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>555</td>
            <td>666</td>
            <td>
                <select name="s3">
                    <option value="1">v1</option>
                    <option value="2">v2</option>
                    <option value="3">v3</option>
                </select>
            </td>
        </tr>
    </tbody>
    </table>

JQuery

<script type="text/javascript">

var fixHelper = function(e, ui) {
    ui.children().each(function() {
        $(this).width($(this).width());
    });
    return ui;
};

$("#sort tbody").sortable({
        helper: fixHelper,
    stop: function(event, ui) {
            $( 'div[id$=_pos_view]' ).each(function( index ) {
                $(this).html(index);
            });     

            $("input:checkbox[name$=__active]").each(function( index ) {
                $(this).data('pos', index);
            });     
    }
}).disableSelection();

</script>
4

2 に答える 2