-2

私のHTML：

<div class="demo">
    <div id="sortable" class="ui-state-default">
        <div id = "draggable1" class="">Home</div>
        <div id = "draggable2" class="">Contact Us</div>
        <div id = "draggable3" class="">
            <table id='srtTable'>
                <tr>
                    <td>tbl1</td>
                    <td>tbl2</td>
                    <td>tbl3</td>
                    <td>tbl4</td>
                </tr>
            </table>
            FAQs</div>
        <div id = "draggable5" class="Test">Test1</div>
        <div id = "draggable6" class="Test">Test2</div>
        <div id = "draggable7" class="Test">
             <table id='srtTable1'>
                <tr>
                    <td>tbl1</td>
                    <td>tbl2</td>
                    <td>tbl3</td>
                    <td>tbl4</td>
                </tr>
            </table>
            Test3</div>
    </div>
</div>

およびjquery：

$("#sortable").sortable({
   items: ":not(#draggable3,#draggable7)"
});

$("Table tr td").sortable({
   connectWith:'#' + $(this).parents().find(table).attr('id')
});

しかし、テーブルの外で並べ替えています。テーブルの内側で並べ替えの範囲tdを制限するにはどうすればよいですか？td

jsfiddle

4

1 に答える 1

2

すべてのJavaScriptコードをこれに置き換えると、うまくいくはずです：

$("#sortable table tr").sortable();

フィドルを参照してください：http：//jsfiddle.net/sP3UZ/2231/

sortable()要素自体ではなく、ソート可能な要素のコンテナにを適用する必要があります。

于 2012-11-18T08:56:11.607 に答える